@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	list-style-type: none
}

a,img {
	border: 0
}

a {
	text-decoration: none
}

a:hover {
	text-decoration: underline
}

body {
	font-family: "Microsoft YaHei","微软雅黑",Arial,sans-serif;
	color: #4d4d4d;
	line-height: 1.8;
	font-size: 13px
}

.main-im {
	position: fixed;
	right: 10px;
	top: 210px;
	z-index: 100;
	width: 110px;
	height: 272px
}

.main-im .qq-a {
	display: block;
	width: 106px;
	height: 116px;
	font-size: 14px;
	color: #0484cd;
	text-align: center;
	position: relative
}

.main-im .qq-a span {
	bottom: 5px;
	position: absolute;
	width: 90px;
	left: 10px
}

.main-im .qq-hover-c {
	width: 70px;
	height: 70px;
	border-radius: 35px;
	position: absolute;
	left: 18px;
	top: 10px;
	overflow: hidden;
	z-index: 9
}

.main-im .qq-container {
	z-index: 99;
	position: absolute;
	width: 109px;
	height: 118px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom: 1px solid #ddd;
	background: url(../images/qq-icon-bg.png) no-repeat center 8px
}

.main-im .img-qq {
	max-width: 60px;
	display: block;
	position: absolute;
	left: 6px;
	top: 3px;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.main-im .im-qq:hover .img-qq {
	max-width: 70px;
	left: 1px;
	top: 8px;
	position: absolute
}

.main-im .im_main {
	background: #f9fafb;
	border: 1px solid #ddd;
	border-radius: 10px;
	background: #f9fafb;
	display: none
}

.main-im .im_main .im-tel {
	color: #000;
	text-align: center;
	width: 109px;
	height: 105px;
	border-bottom: 1px solid #ddd
}

.main-im .im_main .im-tel div {
	font-weight: bold;
	font-size: 12px;
	margin-top: 6px
}

.main-im .im_main .im-tel .tel-num {
	font-family: Arial;
	font-weight: bold;
	color: #f4a814
}

.main-im .im_main .im-tel:hover {
	background: #fafafa
}

.main-im .im_main .weixing-container {
	width: 55px;
	height: 47px;
	border-right: 1px solid #ddd;
	background: #f5f5f5;
	border-bottom-left-radius: 10px;
	background: url(../images/weixing-icon.png) no-repeat center center;
	float: left
}

.main-im .im_main .weixing-show {
	width: 112px;
	height: 172px;
	background: #fff;
	border-radius: 10px;
	border: 1px solid #ddd;
	position: absolute;
	left: -125px;
	top: -126px
}

.main-im .im_main .weixing-show .weixing-sanjiao {
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent transparent transparent #fff;
	border-width: 6px;
	left: 112px;
	top: 134px;
	position: absolute;
	z-index: 2
}

.main-im .im_main .weixing-show .weixing-sanjiao-big {
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent transparent transparent #ddd;
	border-width: 8px;
	left: 112px;
	top: 132px;
	position: absolute
}

.main-im .im_main .weixing-show .weixing-ma {
	width: 104px;
	height: 103px;
	padding-left: 5px;
	padding-top: 5px
}

.main-im .im_main .weixing-show .weixing-txt {
	position: absolute;
	top: 110px;
	left: 7px;
	width: 100px;
	margin: 0 auto;
	text-align: center
}

.main-im .im_main .go-top {
	width: 50px;
	height: 47px;
	background: #f5f5f5;
	border-bottom-right-radius: 10px;
	background: url(../images/toTop-icon.png) no-repeat center center;
	float: right
}

.main-im .im_main .go-top a {
	display: block;
	width: 52px;
	height: 47px
}

.main-im .close-im {
	position: absolute;
	right: 10px;
	top: -12px;
	z-index: 100;
	width: 24px;
	height: 24px
}

.main-im .close-im a {
	display: block;
	width: 24px;
	height: 24px;
	background: url(../images/close_im.png) no-repeat left top
}

.main-im .close-im a:hover {
	text-decoration: none
}

.main-im .open-im {
	cursor: pointer;
	margin-left: 68px;
	width: 40px;
	height: 133px;
	background: url(../images/open_im.png) no-repeat left top
}

#vivo-head {
	background: #fff none repeat scroll 0 0;
	box-shadow: 0 1px 2px;
	filter: alpha(opacity=90);
	-moz-opacity: .9;
	-khtml-opacity: .9;
	opacity: .9
}

#vivo-head {
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 99999
}

#vivo-head .vivo-search {
	background: #202223 none repeat scroll 0 0;
	display: none;
	height: 80px;
	position: relative;
	width: 100%;
	z-index: 99
}

.vivo-search .search-box {
	padding-left: 1%;
	height: 40px;
	position: relative;
	top: 20px;
	z-index: 99;
	width: 99%
}

.vivo-search .search-box input {
	background: #fff none repeat scroll 0 0;
	border: medium none;
	color: #555;
	font-size: 14px;
	height: 20px;
	overflow: hidden;
	padding: 10px 20px;
	vertical-align: middle;
	width: 68%
}

.vivo-search .search-box button {
	background: #008cd6 none repeat scroll 0 0;
	border: medium none;
	color: #fff;
	cursor: pointer;
	font-size: 14px;
	height: 40px;
	outline: medium none;
	overflow: hidden;
	text-align: center;
	transition: background .2s ease-in-out 0s;
	vertical-align: middle;
	width: 20%;
	border-radius: 5px;
	margin-left: 2px
}

.vivo-search .search-box button:hover {
	background: #0074b2 none repeat scroll 0 0
}

.vivo-search .search-box button:active {
	box-shadow: 0 1px 2px rgba(0,0,0,.3) inset
}

.vivo-search .search-box a.close {
	background: rgba(0,0,0,0) url(../images/vivo-head-ico.png) no-repeat scroll -86px 0;
	height: 24px;
	position: absolute;
	right: 5%;
	top: 8px;
	width: 24px;
	z-index: 99999
}

.vivo-search .search-box a.close:hover {
	background-position: -86px -25px
}

.fot_phone {
	background: rgba(0,0,0,0) url("../images/hdPhoen_ico.png") no-repeat scroll left center;
	color: #fff;
	margin-top: 46px;
	padding-left: 44px;
	padding-top: 4px
}

.fot_phone dd {
	color: #FFF;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 17px
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0
}

body {
	font-family: "Microsoft YaHei","微软雅黑",Arial,sans-serif;
	color: #4d4d4d;
	line-height: 1.8;
	font-size: 14px
}

fieldset,img {
	border: 0 none
}

:focus {
	outline: 0 none
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal
}

input,button,textarea,select,optgroup,option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit
}

body {
	line-height: 1.5
}

ol,ul {
	list-style: outside none none
}

:link,:visited,ins {
	text-decoration: none
}

blockquote::before,blockquote::after,q::before,q::after {
	content: none
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display: block
}

body {
	font: 13px/1.231 arial,helvetica,clean,sans-serif
}

h1,h2,h3,h4,h5,h6 {
	font-weight: bold
}

h2,.h2 {
	font-size: 26px
}

h3,.h3 {
	font-size: 24px
}

.clear {
	clear: both;
	visibility: hidden;
	display: block;
	font-size: 0;
	line-height: 0
}

.clearfix::after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

.typo::before,.typo::after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden
}

.typo::after {
	clear: both
}

.column::after {
	clear: both;
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	min-height: 0;
	visibility: hidden
}

.column {
	width: 100%
}

.column .col-2-1,.column .col-3-1,.column .col-4-1,.column .col-4-2,.column .col-5-1,.column .col-3-2,.column .col-4-3,.column .col-5-2,.column .col-5-3,.column .col-5-4 {
	float: left;
	min-height: 1px;
	height: auto!important
}

.column .col-2-1 {
	width: 48.5%;
	margin-right: 3%
}

.column .col-4-1 {
	width: 22.75%;
	margin-right: 3%
}

.column .col-4-3 {
	width: 74.25%;
	margin-right: 3%
}

.marg-per2>.col-4-1 {
	width: 23.5%;
	margin-right: 2%
}

.marg-per5>.col-2-1 {
	width: 47.5%;
	margin-right: 5%
}

.column .last {
	margin-right: 0
}

.ieCode-del {
	display: block
}

.ieCode {
	display: none
}

.row2-svar::before,.row2-svar::after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

.row2-svar .col-2-1,.row2-svar .col-3-1,.row2-svar .col-4-1,.row2-svar .col-5-1 {
	float: left;
	min-height: 1px;
	clear: right
}

.row2-svar .col-4-1 {
	width: 22.75%;
	margin-right: 3%
}

.row2-svar .col-2-1:nth-of-type(2n+2),.row2-svar .col-3-1:nth-of-type(3n+3),.row2-svar .col-4-1:nth-of-type(4n+4),.row2-svar .col-5-1:nth-of-type(5n+5) {
	margin-right: 0
}

.row2-svar .col-2-1:nth-of-type(2n+1),.row2-svar .col-3-1:nth-of-type(3n+1),.row2-svar .col-4-1:nth-of-type(4n+1),.row2-svar .col-5-1:nth-of-type(5n+1) {
	clear: both
}

.animated {
	animation-duration: 1s;
	animation-fill-mode: both
}

.fadeInDown {
	animation-name: fadeInDown
}

.fadeInUp {
	animation-name: fadeInUp
}

.sou_da {
	position: relative;
	width: 242px
}

.sou_da input {
	background: none repeat;
	border: 2px solid #004b8c;
	border-radius: 5px;
	color: #004b8c;
	height: 38px;
	outline: medium none;
	padding-left: 10px;
	width: 100%;
	line-height: normal
}

.sou_da button#submit {
	background: #004b8c none repeat scroll 0 0;
	border: medium none;
	border-radius: 0 5px 5px 0;
	cursor: pointer;
	height: 42px;
	position: absolute;
	right: -13px;
	top: 0;
	width: 42px;
	line-height: normal
}

.sou_da button .fa-white {
	color: #fff;
	font-size: 20px
}

.qhd-content h1,.qhd-content h2,.qhd-content h3,.qhd-content h4,.qhd-content h5,.qhd-content h6 {
	font-weight: bold
}

.qhd-content h3 {
	font-size: 26px;
	line-height: 1.6em;
	margin-bottom: 10px
}

.qhd-content p {
	line-height: 160%;
	margin-bottom: 15px
}

.qhd-content hr {
	border-style: solid;
	border-color: #ddd;
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	border-image: none;
	border-width: 0 0 1px;
	height: 1px;
	font-size: 0;
	margin: 25px 0;
	clear: both
}

.qhd-content .typo::before,.qhd-content .typo::after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden
}

.qhd-content .typo::after {
	clear: both
}

.qhd-content .typo .typo_text {
	overflow: hidden
}

.qhd-content .typo .typo_img {
	float: left;
	margin-right: 20px;
	margin-bottom: 12px
}

.qhd-content .typo .imgtoright {
	float: right;
	margin-left: 20px;
	margin-right: 0
}

.qhd-content ul,.qhd-content ol {
	margin: 0 0 15px;
	padding-left: 1.5em;
	line-height: 180%
}

.qhd-content ul {
	list-style-type: disc
}

.qhd-content .column::after,.qhd-module .column::after {
	clear: both;
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	min-height: 0;
	visibility: hidden
}

.qhd-content .column,.qhd-module .column {
	width: 100%
}

.qhd-content .column .col-2-1,.qhd-content .column .col-3-1,.qhd-content .column .col-4-1,.qhd-content .column .col-4-2,.qhd-content .column .col-5-1,.qhd-content .column .col-3-2,.qhd-content .column .col-4-3,.qhd-content .column .col-5-2,.qhd-content .column .col-5-3,.qhd-content .column .col-5-4,.qhd-module .column .col-2-1,.qhd-module .column .col-3-1,.qhd-module .column .col-4-1,.qhd-module .column .col-4-2,.qhd-module .column .col-5-1,.qhd-module .column .col-3-2,.qhd-module .column .col-4-3,.qhd-module .column .col-5-2,.qhd-module .column .col-5-3,.qhd-module .column .col-5-4 {
	float: left;
	min-height: 1px;
	height: auto!important
}

.qhd-content .column .col-2-1,.qhd-module .column .col-2-1 {
	width: 48.5%;
	margin-right: 3%
}

.qhd-content .column .col-4-1,.qhd-module .column .col-4-1 {
	width: 22.75%;
	margin-right: 3%
}

.qhd-content .column .col-4-3,.qhd-module .column .col-4-3 {
	width: 74.25%;
	margin-right: 3%
}

.qhd-content .marg-per5>.col-2-1,.qhd-module .marg-per5>.col-2-1 {
	width: 47.5%;
	margin-right: 5%
}

.qhd-content .column .last,.qhd-module .column .last {
	margin-right: 0
}

.table-striped tbody tr:nth-child(2n+1) td,.table-striped tbody tr:nth-child(2n+1) th {
	background-color: #f9f9f9
}

.clear {
	clear: both;
	visibility: hidden;
	display: block;
	font-size: 0;
	line-height: 0
}

.clearfix::after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

.qhd-content h1,.qhd-content h2,.qhd-content h3,.qhd-content h4,.qhd-content h5,.qhd-content h6 {
	font-weight: bold
}

.qhd-content h3 {
	font-size: 26px;
	line-height: 1.6em;
	margin-bottom: 10px
}

.qhd-content p {
	line-height: 160%;
	margin-bottom: 15px
}

.qhd-content hr {
	border-style: solid;
	border-color: #ddd;
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	border-image: none;
	border-width: 0 0 1px;
	height: 1px;
	font-size: 0;
	margin: 25px 0;
	clear: both
}

.qhd-content .typo::before,.qhd-content .typo::after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden
}

.qhd-content .typo::after {
	clear: both
}

.qhd-content .typo {
	margin-bottom: 0
}

.qhd-content .typo .typo_text {
	overflow: hidden
}

.qhd-content .typo .typo_img {
	float: left;
	margin-right: 10px;
	margin-bottom: 12px;
	border: 1px #fff solid;
	border-radius: 5px
}

.qhd-content .typo .imgtoright {
	float: right;
	margin-right: 0;
	margin-left: 20px
}

.qhd-content ul,.qhd-content ol {
	margin: 0 0 15px;
	padding-left: 1.5em;
	line-height: 180%
}

.qhd-content ul {
	list-style-type: disc
}

.qhd-content .column::after,.qhd-module .column::after {
	clear: both;
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	min-height: 0;
	visibility: hidden
}

.qhd-content .column,.qhd-module .column {
	width: 100%
}

.qhd-content .column .col-2-1,.qhd-content .column .col-3-1,.qhd-content .column .col-4-1,.qhd-content .column .col-4-2,.qhd-content .column .col-5-1,.qhd-content .column .col-3-2,.qhd-content .column .col-4-3,.qhd-content .column .col-5-2,.qhd-content .column .col-5-3,.qhd-content .column .col-5-4,.qhd-module .column .col-2-1,.qhd-module .column .col-3-1,.qhd-module .column .col-4-1,.qhd-module .column .col-4-2,.qhd-module .column .col-5-1,.qhd-module .column .col-3-2,.qhd-module .column .col-4-3,.qhd-module .column .col-5-2,.qhd-module .column .col-5-3,.qhd-module .column .col-5-4 {
	float: left;
	min-height: 1px;
	height: auto!important
}

.qhd-content .column .col-2-1,.qhd-module .column .col-2-1 {
	width: 48.5%;
	margin-right: 3%
}

.qhd-content .column .col-4-1,.qhd-module .column .col-4-1 {
	width: 15.75%;
	margin-right: 3%
}

.qhd-content .column .col-4-3,.qhd-module .column .col-4-3 {
	width: 74.25%;
	margin-right: 3%
}

.qhd-content .marg-per5>.col-2-1,.qhd-module .marg-per5>.col-2-1 {
	width: 47.5%;
	margin-right: 5%
}

.qhd-content .column .last,.qhd-module .column .last {
	margin-right: 0
}

.table-striped tbody tr:nth-child(2n+1) td,.table-striped tbody tr:nth-child(2n+1) th {
	background-color: #f9f9f9
}

.clear {
	clear: both;
	visibility: hidden;
	display: block;
	font-size: 0;
	line-height: 0
}

.clearfix::after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

.sf-menu,.sf-menu * {
	margin: 0;
	padding: 0;
	list-style: outside none none
}

.sf-menu {
	line-height: 1
}

.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 13em
}

.sf-menu ul li {
	width: 100%
}

.sf-menu li:hover {
	visibility: inherit
}

.sf-menu li {
	float: left;
	position: relative
}

.sf-menu a {
	display: block
}

.sf-menu li:hover ul,.sf-menu li.sfHover ul {
	left: 0;
	top: 2.4em;
	z-index: 99
}

.sf-menu a {
	border-left: 1px solid #fff;
	border-top: 1px solid #cfdeff;
	padding: .75em 1em;
	text-decoration: none
}

.sf-menu a,.sf-menu a:visited {
	color: #13a
}

.sf-menu li {
	background: #bdd2ff none repeat scroll 0 0
}

.sf-menu li li {
	background: #aabde6 none repeat scroll 0 0
}

.sf-menu li:hover,.sf-menu li.sfHover,.sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active {
	background: #cfdeff none repeat scroll 0 0;
	outline: 0 none
}

.sf-menu a.sf-with-ul {
	padding-right: 1.8em
}

.sf-sub-indicator {
	position: absolute;
	display: block;
	right: .75em;
	top: 1.05em;
	width: 10px;
	height: 10px;
	text-indent: -999em;
	overflow: hidden;
	background: transparent url('../images/superfish-arrows.gif') no-repeat scroll -10px -100px
}

a>.sf-sub-indicator {
	top: .8em;
	background-position: 0 -100px
}

a:focus>.sf-sub-indicator,a:hover>.sf-sub-indicator,a:active>.sf-sub-indicator,li:hover>a>.sf-sub-indicator,li.sfHover>a>.sf-sub-indicator {
	background-position: -10px -100px
}

.banner {
	background: rgba(0,0,0,0) url("../images/loading.gif") no-repeat scroll 50% center;
	height: auto;
	overflow: hidden;
	position: relative
}

.slides {
	position: relative;
	z-index: 1
}

.slides li {
	height: auto
}

.slides li a img {
	width: 100%;
	max-width: 100%
}

.flex-control-nav {
	bottom: 5px;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 2
}

.flex-control-nav li {
	display: inline-block;
	height: 3px;
	margin: 0 5px;
	width: 50px
}

.flex-control-nav a {
	background-color: #fff;
	cursor: pointer;
	display: inline-block;
	height: 3px;
	text-indent: -9999px;
	width: 50px
}

.flex-control-nav .flex-active {
	background: #ff8400 none repeat scroll 0 0
}

.flex-direction-nav {
	position: absolute;
	top: 40%;
	width: 100%;
	z-index: 3
}

.flex-direction-nav li a {
	cursor: pointer;
	display: block;
	height: 70px;
	opacity: .8;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	width: 50px
}

.flex-direction-nav li a.flex-prev {
	background: rgba(0,0,0,0) url("../images/btn-banner.png") no-repeat scroll left center;
	left: 40px
}

.flex-direction-nav li a.flex-next {
	background: rgba(0,0,0,0) url("../images/btn-banner.png") no-repeat scroll right center;
	right: 40px
}

.flex-direction-nav li a:hover {
	opacity: .6
}

.sbanner img {
	width: 100%
}

.m-hds {
	padding-bottom: 20px
}

.m-hds h3 {
	font-size: 24px
}

.m-hds p {
	color: #999;
	font-size: 14px;
	margin-top: 15px
}


.m-hds {
	padding-bottom: 20px
}

.f-tac {
	text-align: center
}

.f-taj {
	text-align: justify
}

.fadeInUp {
	animation-name: fadeInUp
}

.animated {
	animation-duration: 1s;
	animation-fill-mode: both
}

.g-blk-adv {
	padding: 45px 0
}

.g-w1000 {
	margin: 0 auto;
	width: 1020px
}

.g-blk-adv .m-hds h3,.g-blk-adv .m-hds p {
	color: #fff
}

.m-hds h3 {
	font-size: 24px
}

h1,h2,h3,h4,h5,h6,em,strong,b {
	font-weight: bold
}

.m-hds p {
	color: #999;
	font-size: 14px;
	margin-top: 15px
}

.g-blk-adv .m-hds h3,.g-blk-adv .m-hds p {
	color: #fff
}

.g-blk-adv ul li {
	background-color: rgba(255,255,255,0.8);
	cursor: pointer;
	float: left;
	margin: 80px 20px 0 0;
	padding: 58px 40px 40px;
	position: relative;
	width: 155px
}

.g-blk-adv ul li img {
	display: block;
	height: 130px;
	left: 54px;
	position: absolute;
	top: -65px;
	transition: all .8s ease 0s;
	width: 130px
}

.g-blk-adv ul li h5 {
	font-size: 16px;
	margin-bottom: 15px;
	margin-top: 35px;
	text-align: center
}

.g-blk-adv ul li p {
	font-size: 12px;
	color: #555;
	height: 127px;
	line-height: 22px;
	overflow: hidden
}

.g-blk-adv ul li h5 a {
	color: #0758b3
}

.g-blk-adv ul li:hover img {
	transform: rotate(360deg)
}

.g-blk-case {
	height: 345px;
	padding: 45px 0 35px
}

.g-blk-case .g-w1000 {
	position: relative;
	width: 1080px
}

.g-blk-case .btn {
	background: rgba(0,0,0,0) url("../images/btn-scroll.png") no-repeat scroll 0 0;
	display: block;
	height: 31px;
	position: absolute;
	width: 20px
}

.g-blk-case .prev {
	background-position: left center;
	left: 0;
	top: 180px
}

.g-blk-case .next {
	background-position: right center;
	right: 0;
	top: 180px
}

.g-blk-case .case {
	height: 240px;
	margin-left: 40px;
	margin-right: 40px;
	overflow: hidden;
	width: 1000px
}

.g-blk-case ul li {
	display: inline;
	float: left;
	height: 240px;
	margin-right: 20px;
	overflow: hidden;
	position: relative;
	width: 320px
}

.g-blk-case ul li a img,.g-blk-case ul li a p {
	transition: all .5s ease 0s
}

.g-blk-case ul li a:hover img {
	transform: scale(1.1)
}

.g-blk-case ul li a p {
	background: #004b8c none repeat scroll 0 0;
	color: #fff;
	font-size: 16px;
	height: 100%;
	left: 0;
	line-height: 240px;
	position: absolute;
	text-align: center;
	top: 0;
	transform: scale(0);
	width: 100%;
	z-index: 99
}

.g-blk-case ul li a:hover p {
	border-radius: 50% 0;
	transform: scale(1)
}

.g-blk-abt {
	color: #fff;
	line-height: 30px;
	padding: 45px 0
}

.g-blk-abt .m-hds h3,.g-blk-abt .m-hds p {
	color: #fff
}

.g-blk-abt #goleft {
	height: 160px;
	margin-top: 35px;
	overflow: hidden
}

.g-blk-abt ul li {
	border-radius: 5px;
	display: inline;
	float: left;
	height: 160px;
	margin-right: 20px;
	overflow: hidden;
	position: relative;
	width: 235px
}

.g-blk-abt ul li a img,.g-blk-abt ul li a p {
	transition: all .5s ease 0s
}

#goleft ul li a img {
	border: 1px solid #fff
}

.g-blk-abt ul li a:hover img {
	transform: scale(1.1)
}

.g-blk-abt ul li a p {
	background: rgba(37,111,185,0.7) none repeat scroll 0 0;
	color: #fff;
	font-size: 16px;
	height: 100%;
	left: 0;
	line-height: 160px;
	position: absolute;
	text-align: center;
	top: 0;
	transform: scale(0);
	width: 100%;
	z-index: 99
}

.g-blk-abt ul li a:hover p {
	border-radius: 50% 0;
	transform: scale(1)
}

.abt-mr {
	background-color: #256fb9;
	border-radius: 5px;
	color: #fff;
	display: block;
	font-size: 14px;
	margin: 20px auto 0;
	padding: 5px 0;
	text-align: center;
	transition: all .3s linear 0s;
	width: 150px
}

.abt-mr:hover {
	background-color: #589ed7;
	color: #fff;
	text-decoration: none
}

.g-blk-news {
	padding: 45px 0 10px
}

.g-blk-news .m-box2 {
	display: inline;
	float: left;
	width: 318px
}

.g-blk-news .hy {
	margin: 0 20px
}

.g-blk-flink {
	font-size: 13px;
	line-height: 25px;
	padding: 15px 0
}

.g-blk-flink a {
	color: #999;
	margin-right: 10px
}

.g-blk-news {
	padding: 45px 0 10px
}

.g-blk-news .m-box2 {
	display: inline;
	float: left;
	width: 370px
}

.g-blk-news .hy {
	margin: 0 20px
}

.g-blk-flink {
	font-size: 13px;
	line-height: 25px;
	padding: 15px 0
}

.g-blk-flink a {
	color: #999;
	margin-right: 10px
}

.news-top {
	border-bottom: 1px dotted #ddd;
	margin-bottom: 10px;
	padding-bottom: 15px
}

.news-top .thumb {
	display: block;
	float: left;
	height: 90px;
	margin-right: 10px;
	overflow: hidden;
	width: 100px
}

.news-top .thumb:hover img {
	transform: scale(1.1);
	transition: all 1000ms ease 0s
}

.news-top h5 {
	font-size: 13px;
	height: 30px;
	line-height: 30px;
	overflow: hidden
}

.news-top h5 a {
	color: #0758b3
}

.news-top p {
	color: #999;
	line-height: 20px
}

.m-box2 {
	border: 1px solid #ddd
}

.m-box2 .m-hd {
	border-bottom: 1px solid #ddd;
	border-left: 3px solid #0758b3;
	font-size: 15px;
	height: 40px;
	line-height: 40px;
	padding: 0 10px
}

.m-box2 .m-hd h3 {
	font-size: 15px
}

.m-box2 .m-hd span {
	display: block;
	float: right;
	font-size: 12px;
	font-weight: 100
}

.m-box2 .m-hd span a {
	color: #999
}

.m-box2 .m-bd {
	padding: 10px
}

.hasline li {
	border-bottom: 1px dotted #ddd
}

.m-txtlst1 li {
	height: 32px;
	line-height: 32px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.m-txtlst1 li span {
	color: #999;
	display: block;
	float: right
}

@media �screen {
	.video-responsive .video-play-wrapper {
		position: relative;
		height: 0!important;
		padding-bottom: 56.25%;
		padding-top: 0!important;
		overflow: hidden
	}

	.video-responsive .video-play-wrapper iframe,.video-responsive .video-play-wrapper object,.article-detail .video-play-wrapper embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}
}

.carousel-btn {
	text-align: center;
	margin: 10px 0
}

.carousel-btn a {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0 6px;
	background: #ccc none repeat scroll 0 0;
	border-radius: 50%
}

.carousel-btn .selected {
	background: #f4a814 none repeat scroll 0 0;
	cursor: default
}

.carousel-btn a span {
	display: none
}

.carousel-btn-fixed {
	width: 100%;
	position: absolute;
	bottom: 15px;
	left: 0;
	margin: 0;
	z-index: 100
}

.carousel {
	position: relative
}

.carousel-item {
	position: relative;
	float: left;
	display: block
}

.carousel-item .carousel-img {
	display: block
}

.carousel-item .carousel-img a[href="javascript:;"] {
	cursor: default
}

.carousel-item .carousel-img img {
	display: block
}

.responsive-carousel {
	overflow: hidden
}

.responsive-carousel .carousel-item img {
	width: 100%;
	height: auto!important
}

.tabs-default .tabs-nav {
	font-size: 0
}

.tabs-default .tabs-nav li {
	display: inline-block;
	margin-right: 1px;
	margin-bottom: 3px
}

.tabs-default .tabs-nav li a {
	float: left;
	display: block;
	padding: 0 30px;
	line-height: 42px;
	background-color: #004b8c;
	font-size: 1.6rem;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	transition: all .5s ease 0s
}

.tabs-default .tabs-nav li a:hover {
	background-color: #004b8c;
	text-decoration: none
}

.tabs-default .tabs-nav li a.current,.tabs-default .tabs-nav li a.current:hover {
	background-color: #f4a814;
	color: #fff
}

.tabs-default .tabs-nav li a span {
	display: inline-block
}

.tabs-default .tabs-panes .tab-box {
	display: none;
	padding: 30px 0 0;
	width: auto
}

.tab-more {
	float: none;
	clear: both;
	margin-top: 30px
}

.tab-more a {
	display: inline-block;
	line-height: 34px;
	padding: 0 25px;
	border: 1px solid #004b8c;
	color: #004b8c;
	transition: all .5s ease 0s
}

.tab-more a:hover {
	background-color: #f4a814;
	border-color: #f4a814;
	color: #fff;
	text-decoration: none
}

.tab-more-center {
	text-align: center
}

.tabs-center .tabs-nav {
	text-align: center
}

.tabs-center .tabs-nav li {
	border: medium none;
	margin: 0 5px 5px
}

.entry-item {
	margin-bottom: 25px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #e5e5e5
}

.entry-title {
	margin-bottom: 15px
}

.entry-title h2 {
	font-size: 16px;
	line-height: 1.4
}

.entry-title a:hover {
	text-decoration: none
}

.entry-summary {
	color: #808080;
	font-size: 13px;
	margin-bottom: -5px
}

.entry-summary p {
	line-height: 1.6
}

.entry-list-time-hl .entry-item {
	position: relative;
	padding-left: 100px;
	border-bottom: 1px dotted #ccc;
	min-height: 80px;
	height: auto!important
}

.entry-list-time-hl .time {
	position: absolute;
	left: 0;
	top: 0;
	width: 75px;
	background-color: #f2f2f2;
	text-align: center;
	font-family: Arial
}

.entry-list-time-hl .time-day {
	display: block;
	line-height: 50px;
	border-bottom: 1px solid #fff;
	color: #666;
	font-size: 30px
}

.entry-list-time-hl .time-date {
	display: block;
	color: #999;
	line-height: 22px;
	font-size: 12px
}

.entry-list-time-hl-col .entry-item {
	border-bottom: medium none
}

.portfolio-list {
	min-height: 20px
}

.portfolio-list li {
	margin-bottom: 25px
}

.portfolio-img {
	margin-bottom: 10px;
	overflow: hidden
}

.portfolio-img a {
	position: relative
}

.portfolio-img a,.portfolio-img img {
	width: 100%;
	display: block;
	overflow: hidden;
	transform: scale(1);
	transition: all .3s ease-out 0s
}

.portfolio-img a:hover img {
	transform: scale(1.2,1.2);
	transition: all .3s ease-out 0s
}

.portfolio-title {
	margin-bottom: 10px;
	line-height: normal;
	text-align: center
}

.portfolio-title h2 {
	font-size: 15px;
	line-height: 1.5;
	font-weight: normal
}

.portfolio-title a:hover {
	text-decoration: none
}

.portfolio-list .col-4-1 .portfolio-title h2 {
	font-size: 14px
}

.category-bg-img li:nth-child(2n) a {
	background-color: #39a123
}

.portfolio-list-category li a::before,.portfolio-list-category li a::after {
	position: absolute;
	top: 20px;
	right: 20px;
	bottom: 20px;
	left: 20px;
	z-index: 15;
	content: "";
	opacity: 0;
	transition: opacity .35s ease 0s,transform .35s ease 0s
}

.portfolio-list-category li a::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff
}

.portfolio-list-category li a::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff
}

.portfolio-list-category li.col-4-1 a::before,.portfolio-list-category li.col-4-1 a::after {
	top: 10px;
	right: 10px;
	bottom: 10px;
	left: 10px
}

@media �screen {
	.article-detail .video-play-wrapper {
		position: relative;
		height: 0!important;
		padding-bottom: 56.25%;
		padding-top: 0!important;
		overflow: hidden
	}

	.article-detail .video-play-wrapper iframe,.article-detail .video-play-wrapper object,.article-detail .video-play-wrapper embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}
}

.onePage-message {
	height: 320px
}

.onePage-message .caroufredsel_wrapper {
	width: auto!important
}

.onePage-message-item {
	margin: 10px 0;
	padding: 10px;
	border-bottom: 1px dotted #a6a6a6
}

.onePage-message-title {
	margin-bottom: 7px;
	line-height: 18px
}

.onePage-message-title a {
	font-size: 14px;
	color: #666
}

.onePage-message-info {
	color: #838282;
	font-size: 14px;
	max-height: 80px;
	overflow: hidden
}

.onePage-message-title,.onePage-message-info {
	padding-left: 25px;
	position: relative
}

.onePage-message-title .icon,.onePage-message-info .icon {
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	left: 0
}

.onePage-message-title .icon {
	background: #004b8c url('../images/wd_w.png') no-repeat scroll 0 0;
	top: 1px
}

.onePage-message-info .icon {
	background: #f4a814 url('../images/wd_d.png') no-repeat scroll 0 0;
	top: 4px
}

.onePage-message-info .qhd-content p {
	margin-bottom: 0
}

.animate-border::before,.animate-border::after {
	position: absolute;
	top: 20px;
	right: 20px;
	bottom: 20px;
	left: 20px;
	z-index: 100001;
	content: "";
	opacity: 0;
	transition: opacity .35s ease 0s,transform .35s ease 0s
}

.animate-border::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	transform: scale(0,1)
}

.animate-border::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	transform: scale(1,0)
}

.animate-border-h:hover .animate-border::before,.animate-border-h:hover .animate-border::after {
	opacity: 1;
	transform: scale(1)
}

@media only screen {
	.gallery-zoom-img-wrap .icon-zoom {
		background-image: url('../images/icon-zoom-tips@2x.png');
		background-size: 16px 16px
	}
}

.link-block li {
	padding: 4px 0;
	line-height: 1.5
}

.link-bg-img li:nth-child(2n) a {
	background-color: #39a123
}

.module-default {
	margin: 0;
	padding: 0
}

.module {
	margin-bottom: 25px
}

.module-title-default {
	margin-bottom: 10px;
	overflow: hidden
}

.module-title-default>.module-title-content {
	padding-top: 5px;
	padding-bottom: 5px
}

.module-title-default>.module-title-content h3 {
	display: block;
	float: left;
	line-height: 20px;
	font-size: 16px
}

.module-more-default a {
	color: #949494;
	font-size: 13px
}

.module-more-default a:hover {
	color: #f4a814;
	text-decoration: none
}

.module-no-margin,.module-no-margin .module-content p,.module-no-margin .module-content ul,.module-no-margin .module-content ol,.module-no-margin .module-content h1,.module-no-margin .module-content h2,.module-no-margin .module-content h3,.module-no-margin .module-content h4,.module-no-margin .module-content h5,.module-no-margin .module-content h6 {
	margin: 0
}

.module-title-border {
	border-bottom: 1px solid #d6d6d6;
	margin-bottom: 15px
}

.module-title-border>.module-title-content {
	float: left;
	display: inline;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: -1px;
	border-bottom: 1px solid #004b8c
}

.module-title-border>.module-title-content h3 {
	float: left;
	font-size: 16px;
	line-height: normal
}

.module-title-border>.module-title-content span {
	margin-left: 5px;
	float: left;
	line-height: 22px;
	color: #999;
	font-size: 14px
}

.module-title-border>.module-title-content span strong {
	font-weight: normal;
	margin-left: 5px;
	color: #999;
	font-family: Arial,sans-serif
}

.module-title-border>.module-more-default {
	margin-top: 5px
}

.module-full-screen>.module-inner {
	padding: 10px 0
}

.module-full-screen>.module-inner .page-width {
	width: auto;
	max-width: 1120px
}

.module-full-screen-title {
	margin-bottom: 30px;
	text-align: center
}

.module-full-screen-title>h2 {
	margin-bottom: 0;
	line-height: normal;
	font-weight: bold;
	color: #004b8c;
	font-size: 3rem
}

.module-full-screen-title>.module-title-content>h3 {
	display: inline-block;
	margin: 0 20px;
	line-height: normal;
	font-weight: normal;
	color: #999;
	font-size: 1.4rem
}

.module-full-screen-title>.module-title-content>i {
	display: none;
	position: relative;
	top: -5px;
	width: 180px;
	height: 1px;
	overflow: hidden;
	background-color: #d9d9d9
}

.module-full-screen-more a {
	display: inline-block;
	line-height: 34px;
	padding: 0 35px;
	border: 1px solid #004b8c;
	color: #004b8c;
	transition: all .5s ease 0s
}

.module-full-screen-more a:hover,.module-full-screen-more a:active {
	background-color: #f4a814;
	border-color: #f4a814;
	color: #fff;
	text-decoration: none
}

.module-full-screen-gray {
	background-color: #f6f5f5
}

.module-full-screen-hl {
	color: #fff!important
}

.module-full-screen-hl a {
	color: #fff
}

.module-full-screen-hl .module-full-screen-title>h2 {
	color: #fff
}

.module-full-screen-hl .module-full-screen-title>.module-title-content>h3 {
	color: #e5e5e5
}

.module-full-screen-hl .module-full-screen-title>.module-title-content>i {
	background-color: #e5e5e5
}

.module-full-screen-hl .page-width>.module-full-screen-content {
	color: #fff!important
}

.module-full-screen-hl .page-width>.module-full-screen-content p {
	color: #fff!important
}

.module-full-screen-hl .page-width>.module-full-screen-content a {
	color: #fff!important
}

.module-full-screen-hl .page-width>.module-full-screen-content a:hover {
	color: #004b8c!important;
	text-decoration: underline
}

.module-full-screen-hl .module-full-screen-more a {
	color: #fff;
	border-color: #fff;
	border-radius: 5px
}

.module-full-screen-hl .module-full-screen-more a:hover {
	background-color: #fff;
	border-color: #fff;
	color: #333;
	text-decoration: none
}

.module-section {
	padding: 30px 0
}

.module-section-title-wrapper {
	margin-bottom: 25px
}

.module-section>.module-section-inner .page-width {
	width: auto;
	max-width: 1200px
}

.gotop {
	display: none
}

*::-moz-selection {
	color: #fff;
	background-color: #316ac5
}

input:-moz-placeholder {
	color: #e2e2e2
}

input::-moz-placeholder {
	color: #e2e2e2
}

a {
	color: #4d4d4d;
	text-decoration: none
}

a:hover {
	color: #f4a814;
	text-decoration: none
}

.float-left {
	float: left;
	display: inline
}

.float-right {
	float: right;
	display: inline
}

#wrapper {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	position: relative
}

.page-width {
	width: 1120px;
	margin: 0 auto
}

.fixed-side {
	position: absolute;
	top: 150px;
	z-index: 10001
}

.fixed-left {
	left: 0
}

.fixed-right {
	right: 0;
	float: right
}

.not-animated {
	opacity: 0
}

.gotop-wrapper {
	position: fixed;
	bottom: 50px;
	right: 15px;
	z-index: 1001;
	background-color: rgba(0,0,0,0.3)
}

.gotop-wrapper:hover {
	background-color: rgba(0,0,0,0.6)
}

.gotop-wrapper a {
	display: none;
	width: 55px;
	height: 55px;
	overflow: hidden;
	background: transparent url('../images/icon-gotop-fixed.gif') no-repeat scroll center center
}

.top {
	width: 100%;
	position: relative;
	z-index: 1000;
	background-color: #fff
}

.top-bar {
	line-height: 36px;
	font-size: 13px;
	color: #808080;
	background-color: #fff;
	position: relative;
	z-index: 101;
	border-bottom: 1px solid #e5e5e4
}

.logo img {
	display: block
}

.top-main-content .qhd-content img {
	vertical-align: text-bottom
}

.header-v2 {
	position: relative
}

.header-v2 .top-main {
	padding: 25px 0;
	background: #fff none repeat scroll 0 0
}

.header-v2 .top-main .top-widget {
	margin-top: 10px
}

.header-v2 .top-main .top-widget a {
	color: #808080
}

.header-v2 .top-main .top-widget a:hover {
	color: #696058
}

.header-v2 .top-main-content {
	position: relative
}

.header-v2 .qrcode {
	width: 80px;
	padding-right: 15px;
	float: right
}

.header-v2 .top-main-content .top-widget {
	min-width: 300px
}

.header-v2 .top-bar,.header-v2 .top-bar p {
	line-height: 36px
}

.header-v2 .nav-wrapper {
	background-color: #004b8c
}

.header-v2 .main-nav .sf-menu a,.header-v2 .main-nav .sf-menu a:visited {
	color: #fff
}

.header-v2 .main-nav .sf-menu a:hover {
	text-decoration: none
}

.header-v2 .main-nav .sf-menu a {
	border: medium none;
	padding-top: 0;
	padding-bottom: 0;
	display: block;
	line-height: 53.5px;
	font-size: 15px;
	color: #fff;
	font-weight: normal
}

.header-v2 .main-nav .sf-menu li {
	background-color: transparent;
	background-image: url('../images/nav-border.png');
	background-repeat: no-repeat;
	background-position: right top
}

.header-v2 .main-nav .sf-menu li a.nav_home strong {
	padding-left: 5px
}

.header-v2 .main-nav .sf-menu li.last {
	background-image: none
}

.header-v2 .main-nav .sf-menu li:hover,.header-v2 .main-nav .sf-menu li.sfHover,.header-v2 .main-nav .sf-menu li.sfHover>a,.header-v2 .main-nav .sf-menu a:focus,.header-v2 .main-nav .sf-menu a:hover,.header-v2 .main-nav .sf-menu a:active {
	background-color: #f4a814;
	color: #fff
}

.header-v2 .main-nav .sf-menu li.current,.header-v2 .main-nav .sf-menu li.current .first-level,.header-v2 .main-nav .sf-menu li.current .first-level:visited {
	background-color: #f4a814;
	color: #fff
}

.header-v2 .main-nav .sf-sub-indicator {
	background-image: url('../images/superfish-arrows-white.gif')
}

.header-v2 .main-nav .sf-menu .first-level {
	padding-right: 2.5em;
	padding-left: 2.5em;
	border-right: medium none
}

.header-v2 .main-nav .sf-menu .first-level .sf-sub-indicator {
	display: none
}

.header-v2 .main-nav .sf-menu .last .first-level {
	border-right: medium none
}

.header-v2 .main-nav .sf-menu li i {
	display: none;
	width: 100%;
	height: 3px;
	overflow: hidden;
	background-color: #00b1e1;
	position: absolute;
	top: -3px;
	left: 0
}

.header-v2 .main-nav .sf-menu li:hover i,.header-v2 .main-nav .sf-menu .nav-hover i,.header-v2 .main-nav .sf-menu .current i,.header-v2 .main-nav .sf-menu .sfHover i {
	display: none
}

.header-v2 .sf-menu ul {
	width: 14em
}

.header-v2 .main-nav .sf-menu li:hover ul,.header-v2 .main-nav .sf-menu li.sfHover ul {
	top: 53px;
	box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.1)
}

.header-v2 .main-nav .sf-menu li li {
	margin-right: 0;
	background-color: #004b8c;
	border-top: medium none;
	background-image: none
}

.header-v2 .main-nav .sf-menu li li a,.header-v2 .main-nav .sf-menu li li a:visited {
	padding-top: 14px;
	padding-bottom: 14px;
	padding-left: 20px;
	line-height: normal;
	font-weight: normal;
	font-size: 13px;
	color: #fff
}

.header-v2 .main-nav .sf-menu li li a strong {
	font-weight: normal
}

.header-v2 .main-nav .sf-menu li li:hover,.header-v2 .main-nav .sf-menu li.sfHover li.sfHover,.header-v2 .main-nav .sf-menu li.sfHover li.sfHover>a,.header-v2 .main-nav .sf-menu li li a:focus,.header-v2 .main-nav .sf-menu li li a:hover,.header-v2 .main-nav .sf-menu li li a:active {
	background-color: #f4a814;
	color: #fff;
	background-image: none
}

.main {
	min-height: 150px;
	height: auto!important
}

.full-screen {
	width: 100%;
	overflow: hidden
}

.footer {
	overflow: hidden;
	background-color: #004b8c;
	color: #fff;
	font-size: 1.3rem;
	border-bottom: 1px solid #005cab
}

.footer a {
	color: #e5e5e5!important
}

.footer a:hover {
	color: #fff!important
}

.footer .module-title-default>.module-title-content h3 {
	color: #fff
}

.footer-main .page-width {
	padding-top: 45px;
	padding-bottom: 35px
}

.bottom {
	overflow: hidden;
	background: #004b8c none repeat scroll 0 0;
	color: #fff;
	font-size: 1.3rem;
	border-top: 1px solid #003059
}

.bottom a {
	color: #e5e5e5!important
}

.bottom a:hover {
	color: #fff!important
}

.bottom .page-width {
	padding-top: 20px;
	padding-bottom: 20px
}

.fixed-bottom {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 100001;
	display: none
}

.popup {
	display: none
}

.popup-content {
	position: fixed;
	top: 40%;
	left: 50%;
	z-index: 10000003;
	min-width: 200px;
	max-width: 10000px;
	background-color: #fff;
	padding: 20px
}

.popup-close-btn {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0;
	right: -50px;
	z-index: 10000003
}

.popup-close-btn a {
	display: block;
	width: 50px;
	height: 50px;
	overflow: hidden;
	background: #808080 url('../images/icon-close.gif') no-repeat scroll center center
}

.popup-close-btn a:hover {
	background-color: #666
}

.popup-close-btn a span {
	display: none
}

.popup-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10000002;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .8
}

.QHDEmptyArea {
	line-height: 0;
	height: 0;
	margin-top: 0!important;
	margin-bottom: 0!important;
	padding-top: 0!important;
	padding-bottom: 0!important
}

.desktops-section {
	display: block
}

.mobile-section {
	display: none
}

.touch-top-wrapper {
	padding: 10px 15px;
	background-color: #fff
}

.touch-logo {
	float: left
}

.touch-navigation {
	display: none
}

.touch-toggle {
	position: absolute;
	right: 10px;
	top: 0
}

.touch-toggle li {
	float: left;
	height: 70px;
	padding: 0 12px;
	text-align: center
}

.touch-toggle li a {
	height: 70px
}

.touch-toggle .touch-toggle-item-last {
	border-right: medium none
}

.touch-toggle li a {
	display: block;
	font-size: 12px
}

.touch-toggle li i {
	display: inline-block;
	width: 32px;
	height: 32px;
	overflow: hidden;
	margin-top: 20px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain
}

.touch-toggle .touch-icon-menu {
	background-image: url('../images/touch-icon-menu.png')
}

.touch-toggle li span {
	display: none;
	text-align: center
}

.drawer-section {
	background-color: #004b8c;
	padding: 20px 0;
	display: none
}

.touch-language li {
	width: 49.9%;
	float: left
}

.touch-language li a {
	display: block;
	padding: 5px 0 5px 5px;
	color: #fff
}

.touch-language li a:hover,.touch-language li a:active {
	background-color: #f4a814
}

.touch-menu ul li {
	border-bottom: 1px solid #808080;
	position: relative
}

.touch-menu ul li a {
	color: #fff;
	display: block;
	font-size: 18px;
	height: 48px;
	line-height: 48px;
	padding-left: 10px
}

.touch-menu ul li a:hover,.touch-menu ul li a:active {
	background-color: #f4a814
}

.touch-menu ul li i {
	position: absolute;
	top: 19px;
	right: 5px;
	display: block;
	width: 13px;
	height: 13px;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain
}

.touch-menu ul li i.touch-arrow-down {
	background-image: url('../images/touch-arrow-d.png')
}

.touch-menu ul ul {
	display: none;
	margin: 0;
	padding: 0 10px 30px 30px
}

.touch-menu ul ul li {
	border-bottom: medium none;
	margin: 0;
	padding: 0
}

.touch-menu ul ul li a {
	padding: 0 0 0 5px;
	font-size: 16px;
	height: 38px;
	line-height: 38px
}

#biankuan {
	width: 100%;
	margin: 0 auto;
	float: left;
	text-align: center
}

#biankuan .tupian {
	float: left;
	margin: 5px 3px;
	width: 118px;
	position: relative;
	left: 33%
}

@media(min-width:992px) and (max-width:1199px) {
	.fixed-side {
		display: none
	}

	.scrollable a.carousel-prev {
		left: 0
	}

	.scrollable a.carousel-next {
		right: 0
	}

	.layout-boxed #wrapper {
		width: 100%
	}

	html,body {
		background-image: none!important
	}

	.sou_da {
		display: none
	}
}

@media screen and (max-width:1120px) {
	.fixed-side {
		display: none
	}

	.gotop-wrapper {
		background-color: rgba(0,0,0,0.5)
	}

	.gotop-wrapper a {
		width: 45px;
		height: 45px
	}

	.page-width,.boxed-layout {
		width: 100%
	}

	.layout-boxed #wrapper {
		width: 100%
	}

	html,body {
		background-image: none!important
	}

	.scrollable a.carousel-prev {
		left: 0!important
	}

	.scrollable a.carousel-next {
		right: 0!important
	}

	.module-full-screen {
		margin: 0 -10px;
		padding: 0 10px
	}

	.module-full-screen>.module-inner {
		padding: 30px 0
	}

	.module-full-screen-more-fixed>.module-inner {
		padding: 30px 0 50px
	}

	.module-full-screen-more-fixed .module-full-screen-more {
		margin-top: 15px;
		margin-left: -40px
	}

	.module-full-screen-more-fixed .module-full-screen-more a {
		width: 80px;
		height: 80px;
		line-height: 80px;
		font-size: 14px;
		background-size: cover
	}

	.module-full-screen-more-fixed .module-full-screen-more a:hover {
		background-position: 0 -80px
	}

	.fixed-bottom .module-default,.fixed-bottom .module,.fixed-bottom .module-no-margin {
		margin-bottom: 0
	}

	.default-top {
		display: none
	}

	.touch-top {
		display: block
	}

	.touch-top-wrapper .touch-logo {
		margin: 0
	}

	.touch-navigation {
		display: block
	}

	.touch-top-wrapper .touch-logo {
		margin: 0
	}

	.touch-top-wrapper .touch-logo img {
		height: 50px;
		display: block
	}

	.header {
		min-height: 30px!important
	}

	.main {
		padding: 0 1%
	}

	.sidebar {
		width: 100%;
		padding: 0
	}

	.sidebar .page-menu {
		display: none
	}

	.sidebar .sidebar-content {
		padding: 15px 0 25px
	}

	.content {
		width: 100%;
		padding: 10px 0 15px
	}

	.full-screen {
		overflow: inherit
	}

	.page-title-inner {
		display: none
	}

	.full-page-content {
		padding: 10px 0 25px
	}

	.full-page-title-wrap {
		display: none
	}

	.full-page-menu {
		display: none
	}

	.footer,.bottom {
		padding: 0 15px
	}

	.bottom .module-default,.bottom .module {
		margin-bottom: 0
	}

	.category-bg-img li a {
		margin: 0 -10px
	}

	.full-scrollable ul li {
		margin: 0 10px;
		text-align: left
	}

	.full-scrollable .scrollable-image {
		margin-bottom: 15px
	}

	.full-scrollable .scrollable-info {
		position: static;
		margin-top: 0;
		opacity: 1;
		display: block;
		color: #333;
		text-align: left
	}

	.full-scrollable .scrollable-info h3 {
		padding: 0;
		line-height: normal;
		margin-bottom: 10px;
		font-size: 16px;
		font-weight: bold
	}

	.full-scrollable .scrollable-info .scrollable-summarty {
		padding: 0
	}

	.full-scrollable .scrollable-info .icon-detail {
		display: none
	}

	.full-scrollable a:hover h3,.full-scrollable a:active h3 {
		color: #f4a814
	}

	.portfolio-list-category .portfolio-img {
		margin-bottom: 15px
	}

	.portfolio-list-category .portfolio-text {
		position: static;
		opacity: 1;
		text-align: left
	}

	.portfolio-list-category .portfolio-title {
		padding: 0!important;
		margin-bottom: 0;
		color: #333;
		transform: translate3d(0px,0px,0px)
	}

	.portfolio-list-category .portfolio-summary {
		padding: 0!important;
		margin: 15px 0 0;
		color: #808080;
		opacity: 1;
		transform: translate3d(0px,0px,0px)
	}

	.portfolio-list-category .opacity-overlay {
		display: none
	}

	.portfolio-list-category a::before,.portfolio-list-category a::after {
		display: none
	}

	.portfolio-grid-text {
		top: auto;
		bottom: 0;
		opacity: 1;
		background-color: rgba(0,0,0,0.8)
	}

	.portfolio-grid-text h3 {
		line-height: normal;
		margin: 0;
		padding: 10px 15px;
		font-size: 14px;
		font-weight: normal;
		position: relative;
		z-index: 10;
		color: #ddd
	}

	.portfolio-grid-item a .overlay,.portfolio-grid-item a:hover .overlay {
		display: none
	}

	.team-introduction .team-img,.content .team-introduction .team-img {
		margin-right: 30px
	}

	.full-scrollable ul li {
		margin: 0 10px;
		text-align: left
	}

	.full-scrollable .scrollable-image {
		margin-bottom: 15px
	}

	.full-scrollable .scrollable-info {
		position: static;
		margin-top: 0;
		opacity: 1;
		display: block;
		color: #333;
		text-align: left
	}

	.full-scrollable .scrollable-info h3 {
		padding: 0;
		line-height: normal;
		margin-bottom: 10px;
		font-size: 16px;
		font-weight: bold
	}

	.full-scrollable .scrollable-info .scrollable-summarty {
		padding: 0
	}

	.full-scrollable .scrollable-info .icon-detail {
		display: none
	}

	.full-scrollable .opacity-overlay,.full-scrollable a:hover .opacity-overlay {
		display: none
	}

	.product-list .product-item a {
		display: block
	}

	.product-list .product-item .portfolio-img {
		margin-bottom: 15px
	}

	.product-list .product-item .portfolio-text {
		display: block;
		position: static;
		text-align: left;
		color: #4d4d4d
	}

	.product-list .product-item .portfolio-text .portfolio-title h2 {
		margin: 0!important
	}

	.product-list .product-item a:hover .portfolio-text .portfolio-title h2 {
		color: #f4a814
	}

	.product-list .col-2-1 .product-item .portfolio-text .portfolio-title h2,.product-list .col-3-1 .product-item .portfolio-text .portfolio-title h2 {
		font-size: 16px
	}

	.product-list .product-item .portfolio-text .price {
		color: #f30;
		margin-bottom: 0
	}

	.product-list .product-item .portfolio-text .icon-detail {
		display: none
	}

	.product-list .product-item .opacity-overlay {
		display: none
	}

	.product-scrollable .scrollable-item a {
		display: block
	}

	.product-scrollable .scrollable-item .portfolio-img {
		margin-bottom: 15px
	}

	.product-scrollable .scrollable-item .scrollable-info {
		display: block;
		position: static;
		text-align: left;
		color: #4d4d4d
	}

	.product-scrollable .scrollable-item .scrollable-info h2 {
		font-size: 16px;
		margin: 0 0 15px!important
	}

	.product-scrollable .scrollable-item a:hover .scrollable-info h2 {
		color: #f4a814
	}

	.product-scrollable .scrollable-item .scrollable-info .price {
		color: #f30;
		margin-bottom: 0
	}

	.product-scrollable .scrollable-item .scrollable-info .icon-detail {
		display: none
	}

	.product-scrollable .scrollable-item .opacity-overlay {
		display: none
	}

	.link-bg-img li a {
		margin: 0 -10px
	}

	.post-list-3col .post-list-item .post-text {
		padding: 20px
	}

	#biankuan {
		width: 100%;
		margin: 0 auto;
		float: left;
		text-align: center
	}

	#biankuan .tupian {
		float: left;
		margin: 5px 3px;
		width: 118px;
		position: relative;
		left: 33%
	}

	.sou_da {
		display: none
	}
}

@media(min-width:768px) and (max-width:991px) {
	.slideshow {
		height: 380px!important
	}

	.slideshow img {
		height: 380px!important
	}

	.slideshow-min {
		height: 280px!important
	}

	.slideshow-min img {
		height: 280px!important
	}

	.slideshow .carousel-direction {
		display: none
	}

	.carousel-thumbs a img {
		width: 100px
	}

	.tab-more {
		margin-top: 20px
	}

	.tab-round .tabs-nav li {
		padding: 0
	}

	.tab-round .tabs-nav li a {
		line-height: normal;
		padding: 0!important;
		width: 115px;
		height: 115px
	}

	.tab-round .tabs-nav li a span {
		margin: 0;
		position: relative;
		top: 50%;
		transform: translateY(-50%)
	}

	.tab-round .tabs-nav li a em {
		display: none
	}

	.tab-round .tabs-nav .tab-nav-item-hasSummary-round span {
		margin: 0
	}

	.tab-round .tabs-nav li i.line-v {
		height: 35px
	}

	.product-list li {
		margin-bottom: 30px
	}

	.product-item .portfolio-text h2 {
		margin-top: 50px
	}

	.product-detail-zoom .product-intr .product-preview {
		width: 420px
	}

	.product-detail-zoom .product-intr .zoom-small-image img {
		width: 420px!important
	}

	.product-detail-zoom .product-intr .zoom-thumbs {
		width: 420px
	}

	.product-detail-zoom .product-intr .zoom-thumbs img {
		width: 80px;
		height: auto!important
	}

	.product-detail-zoom .zoom-section {
		display: none
	}

	.product-detail-zoom .gallery-img-product-detail {
		display: block
	}

	.module-divider-full {
		margin-bottom: -20px
	}

	.post-list-2col .post-text {
		padding: 20px
	}

	.post-list-3col .post-list-item {
		width: 100%;
		float: none;
		margin-bottom: 15px
	}

	.post-list-3col .post-img,.post-list-3col .post-text-box {
		width: 50%;
		float: left
	}

	.post-list-3col .post-list-item .post-text {
		padding: 20px
	}

	.post-list-3col .post-list-item .post-arrow {
		width: 10px;
		height: 19px;
		margin: -10px 0 0;
		left: -10px;
		top: 50%;
		background-position: 0 -42px
	}

	.post-list-3col .post-list-item:nth-of-type(2n+2) .post-img {
		float: right
	}

	.post-list-3col .post-list-item:nth-of-type(2n+2) .post-arrow {
		left: auto;
		right: -10px;
		background-position: 0 -11px
	}

	.post-list-3col .post-list-item-spec .post-img {
		top: auto!important
	}

	.post-list-3col .post-list-item-spec .post-text-box {
		top: auto!important
	}

	.post-list-4col .post-list-item {
		width: 100%;
		float: none;
		margin-bottom: 15px
	}

	.post-list-4col .post-list-item-spec .post-img {
		float: left
	}

	.post-list-4col .post-list-item:nth-of-type(2n+2) .post-img {
		float: right
	}

	.post-list-4col .post-list-item .post-arrow {
		width: 10px;
		height: 19px;
		top: 50%;
		left: -10px;
		margin-top: -10px;
		background-position: 0 -42px
	}

	.post-list-4col .post-list-item:nth-of-type(2n+2) .post-arrow {
		top: 50%;
		left: auto;
		right: -10px;
		margin-top: -10px;
		background-position: 0 -11px
	}

	#biankuan .tupian {
		left: 25%
	}

	.sou_da {
		display: none
	}
}

@media screen and (max-width:767px) {
	.desktops-section {
		display: none
	}

	.mobile-section {
		display: block
	}

	.column .col-2-1,.column .col-3-1,.column .col-4-1,.column .col-4-2,.column .col-5-1,.column .col-3-2,.column .col-4-3,.column .col-5-2,.column .col-5-3,.column .col-5-4 {
		width: 100%!important;
		margin-right: 0!important
	}

	.row2-svar .col-4-1,.row2-svar .col-5-1 {
		width: 31.3333%;
		margin-right: 3%
	}

	.row2-svar .col-4-1:nth-of-type(4n+4),.row2-svar .col-5-1:nth-of-type(5n+5) {
		margin-right: 3%
	}

	.row2-svar .col-4-1:nth-of-type(4n+1),.row2-svar .col-5-1:nth-of-type(5n+1) {
		clear: none
	}

	.row2-svar .col-4-1:nth-of-type(3n+3),.row2-svar .col-5-1:nth-of-type(3n+3) {
		margin-right: 0;
		clear: none
	}

	.row2-svar .col-4-1:nth-of-type(3n+1),.row2-svar .col-5-1:nth-of-type(3n+1) {
		clear: both
	}

	.table-responsive {
		width: 100%;
		padding-bottom: 1px;
		margin-bottom: 5px;
		overflow-y: hidden
	}

	.table-responsive table th,.table-responsive table td {
		white-space: nowrap
	}

	.btn-medium,.btn-small,.btn-large {
		margin: 2px
	}

	.qhd-pr {
		position: static
	}

	.slideshow {
		height: 350px!important
	}

	.slideshow img {
		height: 350px!important
	}

	.slideshow-min {
		height: 250px!important
	}

	.slideshow-min img {
		height: 250px!important
	}

	.slideshow .carousel-direction {
		display: none
	}

	.carousel-thumbs a {
		border: medium none;
		width: 12px;
		height: 12px;
		margin: 0 5px;
		border-radius: 50%;
		background-color: #ccc
	}

	.carousel-thumbs a.selected {
		background-color: #998b81
	}

	.carousel-thumbs a img {
		display: none
	}

	.tabs-default .tabs-nav li a {
		padding: 0 15px;
		line-height: 38px;
		font-size: 14px
	}

	.tabs-default .tabs-nav li a i {
		display: none
	}

	.tabs-center .tabs-nav li {
		margin: 0 3px 5px
	}

	.tab-round .tabs-nav li {
		padding: 0 5px
	}

	.tab-round .tabs-nav li a {
		line-height: normal;
		padding: 0!important;
		width: 90px;
		height: 90px
	}

	.tab-round .tabs-nav li a span {
		margin: 0;
		font-size: 13px;
		position: relative;
		top: 50%;
		transform: translateY(-50%)
	}

	.tab-round .tabs-nav li a em {
		display: none
	}

	.tab-round .tabs-nav .tab-nav-item-hasSummary-round span {
		margin: 0
	}

	.tab-round .tabs-nav li i.line-v {
		height: 35px
	}

	.portfolio-list .column .col-2-1,.link-list .column .col-2-1 {
		width: 48.5%!important;
		margin-right: 3%!important
	}

	.portfolio-list .column .col-3-1 {
		width: 31.3333%!important;
		margin-right: 3%!important
	}

	.portfolio-list .column .col-4-1 {
		width: 22.75%!important;
		margin-right: 3%!important
	}

	.portfolio-list .column .col-5-1 {
		width: 17.6%!important;
		margin-right: 3%!important
	}

	.portfolio-list .column .last,.link-list .column .last {
		margin-right: 0!important
	}

	.portfolio-grid-4col .portfolio-grid-item {
		width: 50%
	}

	.portfolio-grid-3col .portfolio-grid-item {
		width: 33.333%
	}

	.module-full-screen-title>h2 {
		font-size: 2.6rem;
		margin-bottom: 10px
	}

	.category-bg-img li a {
		padding: 40px 0
	}

	.category-bg-img .category-name {
		font-size: 18px;
		font-weight: bold
	}

	.category-bg-img span {
		font-size: 13px;
		line-height: 30px
	}

	.entry-set .entry-detail {
		display: none
	}

	.gallery-detail-title h1 {
		font-size: 18px;
		font-weight: bold
	}

	.categoryNav-vertical-content ul li a {
		font-size: 1.6rem
	}

	.download-list-row .article-title {
		max-width: 65%
	}

	.entry-img img {
		width: 140px!important;
		height: auto!important
	}

	.entry-thumbnail-list .entry-item img {
		width: 90px!important;
		height: auto!important
	}

	.blog-list .entry-img img {
		width: 100%!important
	}

	.headlines-list .headlines-content-bg .entry-img img {
		width: 100%!important
	}

	.team-introduction .team-img,.content .team-introduction .team-img {
		margin-right: 20px
	}

	.team-introduction .team-img img,.content .team-introduction .team-img img {
		width: 250px
	}

	.product-filter dt {
		width: 80px
	}

	.product-filter dt {
		margin-right: 10px
	}

	.product-detail .product-name {
		margin-bottom: 20px
	}

	.product-detail .product-name h1 {
		font-size: 16px
	}

	.content .product-detail-zoom .product-intr .product-preview,.product-detail-zoom .product-intr .product-preview {
		width: 50%
	}

	.product-detail-zoom .zoom-section {
		display: none
	}

	.product-detail-zoom .gallery-img-product-detail {
		display: block
	}

	.link-line,.link-line-rtl,.link-line-center {
		text-align: left
	}

	.link-line a,.link-line-rtl a,.link-line-center a {
		margin: 0 15px 0 0
	}

	.link-bg-img li a {
		padding: 40px 0
	}

	.link-block li {
		padding: 6px 0;
		border-bottom: 1px solid #808080
	}

	.module-full-screen-title {
		margin-bottom: 20px
	}

	.module-full-screen-title>.module-title-content>h2 {
		margin: 0 15px;
		font-size: 20px;
		font-weight: bold
	}

	.module-full-screen-title>h3 {
		display: none
	}

	.module-full-screen-title>.module-title-content>i {
		width: 80px
	}

	.module-full-screen-more a {
		line-height: 34px
	}

	.module-divider-full {
		margin: 20px 0 -20px
	}

	.pagination {
		margin: 15px 0 10px
	}

	.pagination a,.pagination span {
		display: none
	}

	.pagination a:hover,.pagination a:active {
		background-color: #f4a814;
		color: #fff
	}

	.pagination .page-prev,.pagination .page-next {
		margin: 0 1%;
		padding: 0;
		display: inline-block;
		width: 47%;
		height: 38px;
		line-height: 38px;
		background-color: #004b8c;
		color: #fff
	}

	.pagination .page-prev {
		border-radius: 30px 0 0 30px
	}

	.pagination .page-next {
		border-radius: 0 30px 30px 0
	}

	.pagination .disabled {
		background-color: #f7fafa;
		color: #ccc
	}

	.top-main-content {
		display: none
	}

	.touch-top-wrapper .touch-logo img {
		height: 40px
	}

	.touch-toggle li {
		height: 60px
	}

	.touch-toggle li a {
		height: 60px
	}

	.touch-toggle li i {
		width: 28px;
		height: 28px;
		margin-top: 15px
	}

	.footer .qhd-content p,.footer .qhd-content p,.bottom .qhd-content p,.bottom .qhd-content p {
		text-align: center!important
	}

	.post-text h2 {
		font-weight: normal;
		font-size: 16px
	}

	.post-text-summary {
		font-size: 12px
	}

	.post-list .post-list-item {
		width: 100%;
		float: none;
		margin-bottom: 15px
	}

	.post-list-2col .post-img,.post-list-2col .post-text-box {
		width: 100%
	}

	.post-list-2col .post-img img {
		height: auto!important
	}

	.post-list-2col .post-text-box {
		height: auto!important
	}

	.post-list-2col .post-text-summary {
		height: auto!important
	}

	.post-list-2col .post-text {
		padding: 20px
	}

	.post-list-2col .post-list-item .post-arrow {
		width: 19px;
		height: 10px;
		margin: 0 0 0 -10px;
		right: auto;
		top: -10px;
		left: 50%;
		background-position: 0 0
	}

	.post-list-3col .post-img,.post-list-3col .post-text-box {
		width: 50%;
		float: left
	}

	.post-list-3col .post-list-item .post-text {
		padding: 20px
	}

	.post-list-3col .post-list-item .post-arrow {
		width: 10px;
		height: 19px;
		margin: -10px 0 0;
		left: -10px;
		top: 50%;
		background-position: 0 -42px
	}

	.post-list-3col .post-list-item:nth-of-type(2n+2) .post-img {
		float: right
	}

	.post-list-3col .post-list-item:nth-of-type(2n+2) .post-arrow {
		left: auto;
		right: -10px;
		background-position: 0 -11px
	}

	.post-list-3col .post-list-item-spec .post-img {
		top: auto!important
	}

	.post-list-3col .post-list-item-spec .post-text-box {
		top: auto!important
	}

	#biankuan .tupian {
		left: 0
	}

	.sou_da {
		display: none
	}
}

@media screen and (max-width:640px) {
	.slideshow {
		height: 300px!important
	}

	.slideshow img {
		height: 300px!important
	}

	.slideshow-min {
		height: 200px!important
	}

	.slideshow-min img {
		height: 200px!important
	}

	.scrollable .carousel-direction a {
		width: 40px;
		height: 40px;
		line-height: 40px
	}

	.tabs-left .tabs-nav {
		width: 30%
	}

	.tab-round .tabs-nav li a {
		width: 70px;
		height: 70px
	}

	.tab-round .tabs-nav li i.line-v {
		height: 30px
	}

	.qhd-content .typo .typo_img,.qhd-content .typo .imgtoright {
		width: auto!important;
		float: none;
		margin-right: 0;
		margin-left: 0
	}

	.qhd-content .typo>a {
		display: block
	}

	.qhd-content div,.qhd-content a,.qhd-content p,.qhd-content h1,.qhd-content h2,.qhd-content h3,.qhd-content h4,.qhd-content h5,.qhd-content h6 {
		text-align: center
	}

	.portfolio-list .column .col-4-1,.link-list .column .col-4-1 {
		width: 48.5%!important;
		margin-right: 3%!important
	}

	.portfolio-list .column .col-4-1:nth-child(2n),.link-list .column .col-4-1:nth-child(2n) {
		margin-right: 0!important
	}

	.portfolio-list .column .col-5-1,.link-list .column .col-5-1 {
		width: 100%!important;
		margin-right: 0!important
	}

	.portfolio-grid-4col .portfolio-grid-item {
		width: 50%
	}

	.portfolio-grid-3col .portfolio-grid-item {
		width: 50%
	}

	.row2-svar .col-3-1,.row2-svar .col-4-1,.row2-svar .col-5-1 {
		width: 48.5%;
		margin-right: 3%
	}

	.row2-svar .col-5-1:nth-of-type(5n+5) {
		margin-right: 3%
	}

	.row2-svar .col-5-1:nth-of-type(5n+1) {
		clear: none
	}

	.row2-svar .col-3-1:nth-of-type(3n+3),.row2-svar .col-4-1:nth-of-type(3n+3),.row2-svar .col-5-1:nth-of-type(3n+3) {
		margin-right: 3%
	}

	.row2-svar .col-3-1:nth-of-type(3n+1),.row2-svar .col-4-1:nth-of-type(3n+1),.row2-svar .col-5-1:nth-of-type(3n+1) {
		clear: none
	}

	.row2-svar .col-3-1:nth-of-type(2n+2),.row2-svar .col-4-1:nth-of-type(2n+2),.row2-svar .col-5-1:nth-of-type(2n+2) {
		margin-right: 0
	}

	.row2-svar .col-3-1:nth-of-type(2n+1),.row2-svar .col-4-1:nth-of-type(2n+1),.row2-svar .col-5-1:nth-of-type(2n+1) {
		clear: both
	}

	.headlines-list-2col .headlines-content {
		width: 100%;
		float: none;
		display: block;
		margin-right: 0;
		padding-bottom: 10px;
		margin-bottom: 20px
	}

	.headlines-others .entry-set-time-hl .entry-item {
		border-bottom: 1px dotted #ccc;
		margin-bottom: 15px;
		padding-bottom: 15px
	}

	.headlines-others .entry-set-time-hl .entry-summary {
		margin-bottom: -8px
	}

	.team-cases-title {
		margin: 25px 0;
		padding-top: 25px
	}

	.team-introduction .team-img,.content .team-introduction .team-img {
		margin-right: 0
	}

	.team-introduction .team-img img,.content .team-introduction .team-img img {
		width: 200px
	}

	.team-introduction .team-name {
		font-size: 18px;
		font-weight: bold
	}

	.full-scrollable ul li {
		margin: 0 5px
	}

	.full-scrollable .scrollable-info .scrollable-summarty {
		font-size: 13px
	}

	.product-intr .product-preview {
		width: auto;
		float: none;
		margin-right: 0;
		display: block;
		margin-bottom: 30px
	}

	.content .product-detail-zoom .product-intr .product-preview,.product-detail-zoom .product-intr .product-preview {
		width: 100%
	}

	.gallery-zoom-img-wrap .icon-zoom {
		display: none
	}

	.link-icon li {
		margin-bottom: 20px;
		margin-left: 10px;
		margin-right: 10px
	}

	.link-icon li a {
		display: inline-block;
		width: 80px;
		height: 80px
	}

	.link-icon li a span {
		display: block;
		margin-top: 26px;
		font-size: 14px
	}

	.link-icon li a.link-img img {
		width: 24px;
		margin: 15px 0 5px
	}

	.link-icon li a.link-img span {
		margin-top: 0
	}

	.module-horizontal .module-title-horizontal {
		float: none;
		margin-right: 0
	}

	.module-title-horizontal .module-title-content {
		margin: 0 0 10px
	}

	.module-horizontal>.modult-inner>.module-more-horizontal a {
		margin-top: 12px
	}

	.fixed-bottom {
		display: block
	}

	.categoryNav-vertical-content {
		margin-top: 20px
	}

	.categoryNav-vertical-content ul li a {
		line-height: 40px
	}

	.post-text h2 {
		margin-bottom: 15px
	}

	.post-list .post-img,.post-list .post-text-box {
		width: 100%
	}

	.post-list .post-img img {
		height: auto!important
	}

	.post-list .post-text-box {
		height: auto!important
	}

	.post-list .post-text-summary {
		height: auto!important
	}

	.post-list .post-list-item .post-arrow {
		width: 19px;
		height: 10px;
		margin: 0 0 0 -10px;
		right: auto;
		top: -10px;
		left: 50%;
		background-position: 0 0
	}

	.post-list .post-list-item-spec .post-img {
		top: auto!important
	}

	.post-list .post-list-item-spec .post-text-box {
		top: auto!important
	}

	.post-list .post-list-item:nth-of-type(2n+2) .post-arrow {
		width: 19px;
		height: 10px;
		margin: 0 0 0 -10px;
		right: auto;
		top: -10px;
		left: 50%;
		background-position: 0 0
	}

	#biankuan .tupian {
		left: 0
	}

	.sou_da {
		display: none
	}
}

@media screen and (max-width:480px) {
	.column .col-4-1 {
		width: 100%!important;
		margin-right: 0!important
	}

	.slideshow {
		height: 250px!important
	}

	.slideshow img {
		height: 250px!important
	}

	.slideshow-min {
		height: 180px!important
	}

	.slideshow-min img {
		height: 180px!important
	}

	.slideshow .carousel-direction {
		display: none
	}

	.carousel-thumbs a img {
		width: 80px
	}

	.scrollable-text {
		height: auto
	}

	.scrollable-text .carousel-direction {
		display: none
	}

	.carousel-btn-fixed {
		bottom: 8px
	}

	.tabs-default .tabs-nav li a {
		padding: 0 10px;
		line-height: 34px;
		font-size: 14px
	}

	.tabs-center .tabs-nav li {
		margin: 0 2px 5px
	}

	.tab-round .tabs-nav li {
		width: auto;
		margin-bottom: 10px
	}

	.tab-round .tabs-nav li a {
		width: 78px;
		height: 78px
	}

	.tab-round .tabs-nav li i.line-v {
		display: none
	}

	.entry-list-mobile .entry-summary {
		display: none
	}

	.entry-list-mobile .entry-detail {
		display: none
	}

	.portfolio-typo-item .portfolio-typo-summary {
		display: none
	}

	.portfolio-list .column .col-2-1,.portfolio-list .column .col-3-1,.portfolio-list .column .col-4-1,.portfolio-list .column .col-5-1,.link-list .column .col-2-1,.link-list .column .col-3-1,.link-list .column .col-4-1,.link-list .column .col-5-1 {
		width: 100%!important;
		margin-right: 0!important
	}

	.portfolio-grid-item {
		margin-bottom: 10px
	}

	.portfolio-grid-text h3 {
		font-size: 13px
	}

	.portfolio-grid-4col .portfolio-grid-item,.portfolio-grid-3col .portfolio-grid-item {
		width: 50%
	}

	.pgwSlideshow .ps-current {
		min-height: 200px
	}

	.article-list-row li .article-time {
		display: none
	}

	.entry-img img {
		width: 120px!important;
		height: auto!important
	}

	.blog-list .entry-img img {
		width: 100%!important;
		height: auto!important
	}

	.headlines-list .headlines-content-bg .entry-img img {
		width: 100%!important;
		height: auto!important
	}

	.entry-list-time-hl .entry-item {
		padding-left: 80px
	}

	.entry-list-time-hl .time {
		width: 60px
	}

	.entry-list-time-hl .time-day {
		line-height: 40px;
		font-size: 26px
	}

	.entry-list-time-hl .time-date {
		line-height: 20px;
		font-size: 12px
	}

	.team-introduction .typo .typo-img {
		float: none;
		margin: 0 0 20px
	}

	.team-introduction .team-img img,.content .team-introduction .team-img img {
		width: auto;
		max-width: 100%
	}

	.scrollable-text .article-time {
		display: none
	}

	.touch-top-wrapper .touch-logo img {
		height: 30px
	}

	.touch-toggle li {
		height: 50px;
		padding: 0 10px
	}

	.touch-toggle li a {
		height: 50px
	}

	.touch-toggle li i {
		width: 20px;
		height: 20px;
		margin-top: 15px
	}

	.module-full-screen-title>.module-title-content>i {
		width: 40px
	}

	.module-horizontal .module-title-horizontal {
		float: none;
		margin-right: 0
	}

	.module-title-horizontal .module-title-content {
		margin: 0 0 10px
	}

	.module-horizontal>.modult-inner>.module-more-horizontal {
		margin: 6px 0 0
	}

	.qhd-content .typo a {
		display: block
	}

	.qhd-content .typo a,.qhd-content .typo .typo_text {
		text-align: center
	}

	.izotope .grid-sizer,.izotope .izotope-item,.izotope .izotope-item-50 {
		width: 100%!important
	}

	.sou_da {
		display: none
	}
}

@media screen and (max-width:360px) {
	.slideshow-min {
		height: 150px!important
	}

	.slideshow-min img {
		height: 150px!important
	}

	.slideshow .carousel-direction {
		display: none
	}

	.categoryNav-vertical-content ul li a {
		margin-bottom: 5px
	}

	.categoryNav-vertical-content ul li {
		margin: 0;
		display: block;
		width: 100%
	}

	.categoryNav-vertical-content ul li a {
		display: block
	}

	#biankuan {
		display: none
	}

	#biankuan .tupian {
		display: none
	}

	.sou_da {
		display: none
	}
	
}

.qhd-content p {
	line-height: 160%;
	margin-bottom: 15px
}

.qhd-content .typo::before,.qhd-content .typo::after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden
}

.qhd-content .typo::after {
	clear: both
}

.qhd-content .typo .typo_text {
	overflow: hidden
}

.qhd-content .typo .typo_img {
	float: left;
	margin-right: 20px;
	margin-bottom: 12px
}

.qhd-content .column::after,.qhd-module .column::after {
	clear: both;
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	min-height: 0;
	visibility: hidden
}

.qhd-content .column,.qhd-module .column {
	width: 100%
}

.qhd-content .column .col-2-1,.qhd-content .column .col-3-1,.qhd-content .column .col-4-1,.qhd-content .column .col-4-2,.qhd-content .column .col-5-1,.qhd-content .column .col-3-2,.qhd-content .column .col-4-3,.qhd-content .column .col-5-2,.qhd-content .column .col-5-3,.qhd-content .column .col-5-4,.qhd-module .column .col-2-1,.qhd-module .column .col-3-1,.qhd-module .column .col-4-1,.qhd-module .column .col-4-2,.qhd-module .column .col-5-1,.qhd-module .column .col-3-2,.qhd-module .column .col-4-3,.qhd-module .column .col-5-2,.qhd-module .column .col-5-3,.qhd-module .column .col-5-4 {
	float: left;
	min-height: 1px;
	height: auto!important
}

.qhd-content .column .col-4-1,.qhd-module .column .col-4-1 {
	width: 22.75%;
	margin-right: 3%
}

.qhd-content .column .last,.qhd-module .column .last {
	margin-right: 0
}

.table-striped tbody tr:nth-child(2n+1) td,.table-striped tbody tr:nth-child(2n+1) th {
	background-color: #f9f9f9
}

.clear {
	clear: both;
	visibility: hidden;
	display: block;
	font-size: 0;
	line-height: 0
}

.clearfix::after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

.qhd-content p {
	line-height: 160%;
	margin-bottom: 15px
}

.qhd-content .typo::before,.qhd-content .typo::after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden
}

.qhd-content .typo::after {
	clear: both
}

.qhd-content .typo {
	margin-bottom: 0
}

.qhd-content .typo .typo_text {
	overflow: hidden
}

.qhd-content .typo .typo_img {
	float: left;
	margin-right: 10px;
	margin-bottom: 12px
}

.qhd-content .column::after,.qhd-module .column::after {
	clear: both;
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	min-height: 0;
	visibility: hidden
}

.qhd-content .column,.qhd-module .column {
	width: 100%
}

.qhd-content .column .col-2-1,.qhd-content .column .col-3-1,.qhd-content .column .col-4-1,.qhd-content .column .col-4-2,.qhd-content .column .col-5-1,.qhd-content .column .col-3-2,.qhd-content .column .col-4-3,.qhd-content .column .col-5-2,.qhd-content .column .col-5-3,.qhd-content .column .col-5-4,.qhd-module .column .col-2-1,.qhd-module .column .col-3-1,.qhd-module .column .col-4-1,.qhd-module .column .col-4-2,.qhd-module .column .col-5-1,.qhd-module .column .col-3-2,.qhd-module .column .col-4-3,.qhd-module .column .col-5-2,.qhd-module .column .col-5-3,.qhd-module .column .col-5-4 {
	float: left;
	min-height: 1px;
	height: auto!important
}

.qhd-content .column .col-4-1,.qhd-module .column .col-4-1 {
	width: 15.75%;
	margin-right: 3%
}

.qhd-content .column .last,.qhd-module .column .last {
	margin-right: 0
}

.table-striped tbody tr:nth-child(2n+1) td,.table-striped tbody tr:nth-child(2n+1) th {
	background-color: #f9f9f9
}

.clear {
	clear: both;
	visibility: hidden;
	display: block;
	font-size: 0;
	line-height: 0
}

.clearfix::after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

.sf-menu,.sf-menu * {
	margin: 0;
	padding: 0;
	list-style: outside none none
}

.sf-menu {
	line-height: 1
}

.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 13em
}

.sf-menu ul li {
	width: 100%
}

.sf-menu li:hover {
	visibility: inherit
}

.sf-menu li {
	float: left;
	position: relative
}

.sf-menu a {
	display: block
}

.sf-menu li:hover ul,.sf-menu li.sfHover ul {
	left: 0;
	top: 2.4em;
	z-index: 99
}

.sf-menu a {
	border-left: 1px solid #fff;
	border-top: 1px solid #cfdeff;
	padding: .75em 1em;
	text-decoration: none
}

.sf-menu a,.sf-menu a:visited {
	color: #13a
}

.sf-menu li {
	background: #bdd2ff none repeat scroll 0 0
}

.sf-menu li li {
	background: #aabde6 none repeat scroll 0 0
}

.sf-menu li:hover,.sf-menu li.sfHover,.sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active {
	background: #cfdeff none repeat scroll 0 0;
	outline: 0 none
}

.sf-menu a.sf-with-ul {
	padding-right: 1.8em
}

.sf-sub-indicator {
	position: absolute;
	display: block;
	right: .75em;
	top: 1.05em;
	width: 10px;
	height: 10px;
	text-indent: -999em;
	overflow: hidden;
	background: transparent url('../images/superfish-arrows.gif') no-repeat scroll -10px -100px
}

a>.sf-sub-indicator {
	top: .8em;
	background-position: 0 -100px
}

a:focus>.sf-sub-indicator,a:hover>.sf-sub-indicator,a:active>.sf-sub-indicator,li:hover>a>.sf-sub-indicator,li.sfHover>a>.sf-sub-indicator {
	background-position: -10px -100px
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('../images/fancybox.png')
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 110000;
	display: none
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0 none;
	overflow: auto;
	display: none
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 110001;
	outline: medium none;
	display: none
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff none repeat scroll 0 0
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: medium none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0 solid #fff
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('../images/fancybox.png') repeat scroll -40px 0;
	cursor: pointer;
	z-index: 1103;
	display: none
}

#fancybox-left,#fancybox-right {
	position: absolute;
	bottom: 0;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: medium none;
	background: transparent url('../images/blank.gif') repeat scroll 0 0;
	z-index: 1102;
	display: none
}

#fancybox-left {
	left: 0
}

#fancybox-right {
	right: 0
}

#fancybox-left-ico,#fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block
}

#fancybox-left-ico {
	background-image: url('../images/fancybox.png');
	background-position: -40px -30px
}

#fancybox-right-ico {
	background-image: url('../images/fancybox.png');
	background-position: -40px -60px
}

#fancybox-left:hover,#fancybox-right:hover {
	visibility: visible
}

#fancybox-left:hover span {
	left: 20px
}

#fancybox-right:hover span {
	left: auto;
	right: 20px
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0 none;
	width: 20px;
	height: 20px;
	z-index: 1001
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('../images/fancybox-x.png')
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('../images/fancybox.png');
	background-position: -40px -162px
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('../images/fancybox-y.png');
	background-position: -20px 0
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('../images/fancybox.png');
	background-position: -40px -182px
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('../images/fancybox-x.png');
	background-position: 0 -20px
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('../images/fancybox.png');
	background-position: -40px -142px
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('../images/fancybox-y.png')
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('../images/fancybox.png');
	background-position: -40px -122px
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102
}

.sou_da {
	position: relative;
	width: 215px
}

.sou_da input {
	background: none repeat;
	border: 2px solid #004b8c;
	border-radius: 5px;
	color: #004b8c;
	height: 38px;
	outline: medium none;
	padding-left: 10px;
	width: 100%;
	line-height: normal
}

.sou_da button {
	background: #004b8c none repeat scroll 0 0;
	border: medium none;
	border-radius: 0 5px 5px 0;
	cursor: pointer;
	height: 42px;
	position: absolute;
	right: -13px;
	top: 0;
	width: 42px;
	line-height: normal
}

.sou_da button .fa-white {
	color: #fff;
	font-size: 20px
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0
}

fieldset,img {
	border: 0 none
}

:focus {
	outline: 0 none
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal
}

input,button,textarea,select,optgroup,option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit
}

body {
	line-height: 1.5
}

ol,ul {
	list-style: outside none none
}

:link,:visited,ins {
	text-decoration: none
}

blockquote::before,blockquote::after,q::before,q::after {
	content: none
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display: block
}

body {
	font: 13px/1.231 arial,helvetica,clean,sans-serif
}

h1,h2,h3,h4,h5,h6 {
	font-weight: bold
}

h2,.h2 {
	font-size: 26px
}

h3,.h3 {
	font-size: 24px
}

.clear {
	clear: both;
	visibility: hidden;
	display: block;
	font-size: 0;
	line-height: 0
}

.clearfix::after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

.typo::before,.typo::after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden
}

.typo::after {
	clear: both
}

.column::after {
	clear: both;
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	min-height: 0;
	visibility: hidden
}

.column {
	width: 100%
}

.column .col-2-1,.column .col-3-1,.column .col-4-1,.column .col-4-2,.column .col-5-1,.column .col-3-2,.column .col-4-3,.column .col-5-2,.column .col-5-3,.column .col-5-4 {
	float: left;
	min-height: 1px;
	height: auto!important
}

.column .col-3-1 {
	width: 31.3333%;
	margin-right: 3%
}

.column .col-4-1 {
	width: 22.75%;
	margin-right: 3%
}

.column .last {
	margin-right: 0
}

.ieCode-del {
	display: block
}

.ieCode {
	display: none
}

.row2-svar::before,.row2-svar::after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

.row2-svar .col-2-1,.row2-svar .col-3-1,.row2-svar .col-4-1,.row2-svar .col-5-1 {
	float: left;
	min-height: 1px;
	clear: right
}

.row2-svar .col-3-1 {
	width: 31.3333%;
	margin-right: 3%
}

.row2-svar .col-2-1:nth-of-type(2n+2),.row2-svar .col-3-1:nth-of-type(3n+3),.row2-svar .col-4-1:nth-of-type(4n+4),.row2-svar .col-5-1:nth-of-type(5n+5) {
	margin-right: 0
}

.row2-svar .col-2-1:nth-of-type(2n+1),.row2-svar .col-3-1:nth-of-type(3n+1),.row2-svar .col-4-1:nth-of-type(4n+1),.row2-svar .col-5-1:nth-of-type(5n+1) {
	clear: both
}

.qhdform .formrow::before,.formrow::after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden
}

.qhdform .formrow::after {
	clear: both
}

.qhd-content img {
	vertical-align: middle;
	height: auto!important
}

.qhd-content a {
	color: #004b8c
}

.qhd-content a:hover img {
	opacity: .9
}

.qhd-content .typo .typo_text p:first-child {
	margin-bottom: 5px
}

@media �screen {
	.video-responsive .video-play-wrapper {
		position: relative;
		height: 0!important;
		padding-bottom: 56.25%;
		padding-top: 0!important;
		overflow: hidden
	}

	.video-responsive .video-play-wrapper iframe,.video-responsive .video-play-wrapper object,.article-detail .video-play-wrapper embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}
}

.carousel-btn {
	text-align: center;
	margin: 10px 0
}

.carousel-btn-fixed {
	width: 100%;
	position: absolute;
	bottom: 15px;
	left: 0;
	margin: 0;
	z-index: 100
}

.carousel {
	position: relative
}

.carousel-item {
	position: relative;
	float: left;
	display: block
}

.carousel-item .carousel-img {
	display: block
}

.carousel-item .carousel-img a[href="javascript:;"] {
	cursor: default
}

.carousel-item .carousel-img img {
	display: block
}

.responsive-carousel {
	overflow: hidden
}

.responsive-carousel .carousel-item img {
	width: 100%;
	height: auto!important
}

.portfolio-list {
	min-height: 20px
}

.portfolio-list li {
	margin-bottom: 25px
}

.portfolio-img {
	margin-bottom: 10px;
	overflow: hidden
}

.portfolio-img a {
	position: relative
}

.portfolio-img a,.portfolio-img img {
	width: 100%;
	display: block;
	overflow: hidden;
	transform: scale(1);
	transition: all .3s ease-out 0s
}

.portfolio-img a:hover img {
	transform: scale(1.2,1.2);
	transition: all .3s ease-out 0s
}

.portfolio-title {
	margin-bottom: 10px;
	line-height: normal;
	text-align: center
}

.portfolio-title h2 {
	font-size: 15px;
	line-height: 1.5;
	font-weight: normal
}

.portfolio-title a:hover {
	text-decoration: none
}

.category-bg-img li:nth-child(2n) a {
	background-color: #39a123
}

.portfolio-list-category li a::before,.portfolio-list-category li a::after {
	position: absolute;
	top: 20px;
	right: 20px;
	bottom: 20px;
	left: 20px;
	z-index: 15;
	content: "";
	opacity: 0;
	transition: opacity .35s ease 0s,transform .35s ease 0s
}

.portfolio-list-category li a::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	transform: scale(0,1)
}

.portfolio-list-category li a::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	transform: scale(1,0)
}

.portfolio-list-category li:hover a::before,.portfolio-list-category li:hover a::after {
	opacity: 1;
	transform: scale(1)
}

.portfolio-list-category li.col-4-1 a::before,.portfolio-list-category li.col-4-1 a::after {
	top: 10px;
	right: 10px;
	bottom: 10px;
	left: 10px
}

@media �screen {
	.article-detail .video-play-wrapper {
		position: relative;
		height: 0!important;
		padding-bottom: 56.25%;
		padding-top: 0!important;
		overflow: hidden
	}

	.article-detail .video-play-wrapper iframe,.article-detail .video-play-wrapper object,.article-detail .video-play-wrapper embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}
}

.animate-border::before,.animate-border::after {
	position: absolute;
	top: 20px;
	right: 20px;
	bottom: 20px;
	left: 20px;
	z-index: 100001;
	content: "";
	opacity: 0;
	transition: opacity .35s ease 0s,transform .35s ease 0s
}

.animate-border::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	transform: scale(0,1)
}

.animate-border::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	transform: scale(1,0)
}

.animate-border-h:hover .animate-border::before,.animate-border-h:hover .animate-border::after {
	opacity: 1;
	transform: scale(1)
}

@media only screen {
	.gallery-zoom-img-wrap .icon-zoom {
		background-image: url('../images/icon-zoom-tips@2x.png');
		background-size: 16px 16px
	}
}

.link-block li {
	padding: 4px 0;
	line-height: 1.5
}

.link-bg-img li:nth-child(2n) a {
	background-color: #39a123
}

.breadcrumbs {
	font-size: 12px;
	color: #666
}

.breadcrumbs a {
	color: #666
}

.breadcrumbs a:hover {
	color: #333;
	text-decoration: none
}

.breadcrumbs i {
	font-style: normal;
	margin: 0 3px
}

.breadcrumbs strong {
	font-weight: normal;
	color: #333
}

.module-default {
	margin: 0;
	padding: 0
}

.module-default .tab_container .qhd-content {
	padding-left: 15px;
	padding-top: 10px
}

.module-default .tab_container .pt_box {
	width: 100%
}

.module-default .tab_container .pt_box li {
	width: 24.8%;
	float: left;
	text-align: center;
	padding: 1% .1%
}

.module-default .tab_container .pt_box li img {
	width: 90%
}

.module-default .tab_container .pt_box li h3 {
	font-size: 13px
}

.module-title-default {
	margin-bottom: 10px;
	overflow: hidden
}

.module-title-default>.module-title-content {
	padding-top: 5px;
	padding-bottom: 5px
}

.module-title-default>.module-title-content h3 {
	display: block;
	float: left;
	line-height: 20px;
	font-size: 16px
}

.module-no-margin,.module-no-margin .module-content p,.module-no-margin .module-content ul,.module-no-margin .module-content ol,.module-no-margin .module-content h1,.module-no-margin .module-content h2,.module-no-margin .module-content h3,.module-no-margin .module-content h4,.module-no-margin .module-content h5,.module-no-margin .module-content h6 {
	margin: 0
}

.gotop {
	display: none
}

*::-moz-selection {
	color: #fff;
	background-color: #316ac5
}

input:-moz-placeholder {
	color: #000
}

input::-moz-placeholder {
	color: #000
}

html {
	background-repeat: repeat;
	font-size: 62.5%;
	background-color: #fff
}

body {
	font-family: "Microsoft YaHei","微软雅黑",Arial,sans-serif;
	color: #4d4d4d;
	line-height: 1.8;
	font-size: 14px
}

a {
	color: #4d4d4d;
	text-decoration: none
}

a:hover {
	color: #f4a814;
	text-decoration: none
}

.float-left {
	float: left;
	display: inline
}

.float-right {
	float: right;
	display: inline
}

#wrapper {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	position: relative
}

.page-width {
	width: 1120px;
	margin: 0 auto
}

.fixed-side {
	position: absolute;
	top: 150px;
	z-index: 10001
}

.fixed-left {
	left: 0
}

.fixed-right {
	right: 0;
	float: right
}

.not-animated {
	opacity: 0
}

.gotop-wrapper {
	position: fixed;
	bottom: 50px;
	right: 15px;
	z-index: 1001;
	background-color: rgba(0,0,0,0.3)
}

.gotop-wrapper:hover {
	background-color: rgba(0,0,0,0.6)
}

.gotop-wrapper a {
	display: none;
	width: 55px;
	height: 55px;
	overflow: hidden;
	background: transparent url('../images/icon-gotop-fixed.gif') no-repeat scroll center center
}

.top {
	width: 100%;
	position: relative;
	z-index: 1000;
	background-color: #fff
}

.top-bar {
	line-height: 36px;
	font-size: 13px;
	color: #808080;
	background-color: #fff;
	position: relative;
	z-index: 101;
	border-bottom: 1px solid #e5e5e4
}

.logo img {
	display: block
}

.top-main-content .qhd-content img {
	vertical-align: text-bottom
}

.header-v2 {
	position: relative
}

.header-v2 .top-main .top-widget {
	margin-top: 10px
}

.header-v2 .top-main .top-widget a {
	color: #808080
}

.header-v2 .top-main .top-widget a:hover {
	color: #696058
}

.header-v2 .top-main-content {
	position: relative
}

.header-v2 .qrcode {
	width: 80px;
	padding-right: 15px;
	float: right
}

.header-v2 .top-main-content .top-widget {
	min-width: 300px
}

.header-v2 .top-bar,.header-v2 .top-bar p {
	line-height: 36px
}

.header-v2 .nav-wrapper {
	background-color: #004b8c
}

.header-v2 .main-nav .sf-menu a,.header-v2 .main-nav .sf-menu a:visited {
	color: #fff
}

.header-v2 .main-nav .sf-menu a:hover {
	text-decoration: none
}

.header-v2 .main-nav .sf-menu a {
	border: medium none;
	padding-top: 0;
	padding-bottom: 0;
	display: block;
	line-height: 53.5px;
	font-size: 15px;
	color: #fff;
	font-weight: normal
}

.header-v2 .main-nav .sf-menu li {
	background-color: transparent;
	background-image: url('../images/nav-border.png');
	background-repeat: no-repeat;
	background-position: right top
}

.header-v2 .main-nav .sf-menu li a.nav_home strong {
	padding-left: 5px
}

.header-v2 .main-nav .sf-menu li.last {
	background-image: none
}

.header-v2 .main-nav .sf-menu li:hover,.header-v2 .main-nav .sf-menu li.sfHover,.header-v2 .main-nav .sf-menu li.sfHover>a,.header-v2 .main-nav .sf-menu a:focus,.header-v2 .main-nav .sf-menu a:hover,.header-v2 .main-nav .sf-menu a:active {
	background-color: #f4a814;
	color: #fff
}

.header-v2 .main-nav .sf-menu li.current,.header-v2 .main-nav .sf-menu li.current .first-level,.header-v2 .main-nav .sf-menu li.current .first-level:visited {
	background-color: #f4a814;
	color: #fff
}

.header-v2 .main-nav .sf-sub-indicator {
	background-image: url('../images/superfish-arrows-white.gif')
}

.header-v2 .main-nav .sf-menu .first-level {
	padding-right: 2.5em;
	padding-left: 2.5em;
	border-right: medium none
}

.header-v2 .main-nav .sf-menu .first-level .sf-sub-indicator {
	display: none
}

.header-v2 .main-nav .sf-menu .last .first-level {
	border-right: medium none
}

.header-v2 .main-nav .sf-menu li i {
	display: none;
	width: 100%;
	height: 3px;
	overflow: hidden;
	background-color: #00b1e1;
	position: absolute;
	top: -3px;
	left: 0
}

.header-v2 .main-nav .sf-menu li:hover i,.header-v2 .main-nav .sf-menu .nav-hover i,.header-v2 .main-nav .sf-menu .current i,.header-v2 .main-nav .sf-menu .sfHover i {
	display: none
}

.header-v2 .sf-menu ul {
	width: 14em
}

.header-v2 .main-nav .sf-menu li:hover ul,.header-v2 .main-nav .sf-menu li.sfHover ul {
	top: 53px;
	box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.1)
}

.header-v2 .main-nav .sf-menu li li {
	margin-right: 0;
	background-color: #004b8c;
	border-top: medium none;
	background-image: none
}

.header-v2 .main-nav .sf-menu li li a,.header-v2 .main-nav .sf-menu li li a:visited {
	padding-top: 14px;
	padding-bottom: 14px;
	padding-left: 20px;
	line-height: normal;
	font-weight: normal;
	font-size: 13px;
	color: #fff
}

.header-v2 .main-nav .sf-menu li li a strong {
	font-weight: normal
}

.header-v2 .main-nav .sf-menu li li:hover,.header-v2 .main-nav .sf-menu li.sfHover li.sfHover,.header-v2 .main-nav .sf-menu li.sfHover li.sfHover>a,.header-v2 .main-nav .sf-menu li li a:focus,.header-v2 .main-nav .sf-menu li li a:hover,.header-v2 .main-nav .sf-menu li li a:active {
	background-color: #f4a814;
	color: #fff;
	background-image: none
}

.page-title .page-name {
	line-height: 44px
}

.page-title .page-name h2 {
	font-size: 16px;
	color: #004b8c;
	font-weight: bold
}

.page-title .breadcrumbs {
	line-height: 44px
}

.page-title-inner {
	background: transparent none repeat scroll 0 0;
	border-bottom: 1px solid #004b8c;
	padding: 0;
	margin-bottom: 30px
}

.page-title-inner .breadcrumbs {
	padding-left: 16px;
	background: transparent url('../images/icon-home.png') no-repeat scroll left center
}

.page-menu {
	margin-bottom: 15px;
	padding-bottom: 0;
	background-color: #fffbf7
}

.page-menu-title {
	background: #004b8c none repeat scroll 0 0
}

.page-menu-title h3 {
	padding-left: 15px;
	height: 45px;
	line-height: 45px;
	color: #fff;
	font-size: 16px
}

.page-menu-content {
	padding: 10px 0 25px;
	background-color: #f6f5f5;
	border: 1px solid #dcdcdc
}

.page-u {
	padding: 5px;
	font-size: 12px
}

.page-menu-content ul {
	padding: 0 15px
}

.page-menu-content ul li {
	position: relative;
	border-bottom: 1px dashed #e6e6e6
}

.page-menu-content ul li a {
	display: block;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-right: 10px;
	line-height: normal;
	color: #4d4d4d;
	font-size: 14px
}

.page-menu-content ul li i {
	display: block;
	width: 7px;
	height: 7px;
	overflow: hidden;
	position: absolute;
	top: 17px;
	right: 0;
	background: transparent url('../images/page-menu.gif') no-repeat scroll 0 0
}

.page-menu-content ul li a:hover {
	text-decoration: none;
	color: #ff9b00
}

.page-menu-content ul li:hover i {
	background-image: url('../images/page-menu-c.gif')
}

.page-menu-content ul li.current a {
	color: #ff9b00
}

.page-menu-content ul li.current i {
	background-image: url('../images/page-menu-c.gif')
}

.main {
	min-height: 150px;
	height: auto!important
}

.sidebar {
	width: 230px;
	padding: 35px 0 65px
}

.content {
	width: 860px;
	padding: 35px 0 65px
}

.footer {
	overflow: hidden;
	background-color: #004b8c;
	color: #fff;
	font-size: 1.3rem;
	border-bottom: 1px solid #005cab
}

.footer a {
	color: #e5e5e5!important
}

.footer a:hover {
	color: #fff!important
}

.footer .module-title-default>.module-title-content h3 {
	color: #fff
}

.footer-main .page-width {
	padding-top: 45px;
	padding-bottom: 35px
}

.bottom {
	overflow: hidden;
	background: #004b8c none repeat scroll 0 0;
	color: #fff;
	font-size: 1.3rem;
	border-top: 1px solid #003059
}

.bottom a {
	color: #e5e5e5!important
}

.bottom a:hover {
	color: #fff!important
}

.bottom .page-width {
	padding-top: 20px;
	padding-bottom: 20px
}

.fixed-bottom {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 100001;
	display: none
}

.popup {
	display: none
}

.popup-content {
	position: fixed;
	top: 40%;
	left: 50%;
	z-index: 10000003;
	min-width: 200px;
	max-width: 10000px;
	background-color: #fff;
	padding: 20px
}

.popup-close-btn {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0;
	right: -50px;
	z-index: 10000003
}

.popup-close-btn a {
	display: block;
	width: 50px;
	height: 50px;
	overflow: hidden;
	background: #808080 url('../images/icon-close.gif') no-repeat scroll center center
}

.popup-close-btn a:hover {
	background-color: #666
}

.popup-close-btn a span {
	display: none
}

.popup-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10000002;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .8
}

.QHDEmptyArea {
	line-height: 0;
	height: 0;
	margin-top: 0!important;
	margin-bottom: 0!important;
	padding-top: 0!important;
	padding-bottom: 0!important
}

.desktops-section {
	display: block
}

.mobile-section {
	display: none
}

.touch-top-wrapper {
	padding: 10px 15px;
	background-color: #fff
}

.touch-logo {
	float: left
}

.touch-navigation {
	display: none
}

.touch-toggle {
	position: absolute;
	right: 10px;
	top: 0
}

.touch-toggle li {
	float: left;
	height: 70px;
	padding: 0 12px;
	text-align: center
}

.touch-toggle li a {
	height: 70px
}

.touch-toggle .touch-toggle-item-last {
	border-right: medium none
}

.touch-toggle li a {
	display: block;
	font-size: 12px
}

.touch-toggle li i {
	display: inline-block;
	width: 32px;
	height: 32px;
	overflow: hidden;
	margin-top: 20px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain
}

.touch-toggle .touch-icon-menu {
	background-image: url('../images/touch-icon-menu.png')
}

.touch-toggle li span {
	display: none;
	text-align: center
}

.drawer-section {
	background-color: #004b8c;
	padding: 20px 0;
	display: none
}

.touch-language li {
	width: 49.9%;
	float: left
}

.touch-language li a {
	display: block;
	padding: 5px 0 5px 5px;
	color: #fff
}

.touch-language li a:hover,.touch-language li a:active {
	background-color: #f4a814
}

.touch-menu ul li {
	border-bottom: 1px solid #808080;
	position: relative
}

.touch-menu ul li a {
	color: #fff;
	display: block;
	font-size: 18px;
	height: 48px;
	line-height: 48px;
	padding-left: 10px
}

.touch-menu ul li a:hover,.touch-menu ul li a:active {
	background-color: #f4a814
}

.touch-menu ul li i {
	position: absolute;
	top: 19px;
	right: 5px;
	display: block;
	width: 13px;
	height: 13px;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain
}

.touch-menu ul li i.touch-arrow-down {
	background-image: url('../images/touch-arrow-d.png')
}

.touch-menu ul ul {
	display: none;
	margin: 0;
	padding: 0 10px 30px 30px
}

.touch-menu ul ul li {
	border-bottom: medium none;
	margin: 0;
	padding: 0
}

.touch-menu ul ul li a {
	padding: 0 0 0 5px;
	font-size: 16px;
	height: 38px;
	line-height: 38px
}

#biankuan {
	width: 100%;
	margin: 0 auto;
	float: left;
	text-align: center
}

#biankuan .tupian {
	float: left;
	margin: 5px 3px;
	width: 118px;
	position: relative;
	left: 33%
}

@media(min-width:992px) and (max-width:1199px) {
	.fixed-side {
		display: none
	}

	.scrollable a.carousel-prev {
		left: 0
	}

	.scrollable a.carousel-next {
		right: 0
	}

	.layout-boxed #wrapper {
		width: 100%
	}

	html,body {
		background-image: none!important
	}
}

@media screen and (max-width:1120px) {
	.fixed-side {
		display: none
	}

	.gotop-wrapper {
		background-color: rgba(0,0,0,0.5)
	}

	.gotop-wrapper a {
		width: 45px;
		height: 45px
	}

	.page-width,.boxed-layout {
		width: 100%
	}

	.layout-boxed #wrapper {
		width: 100%
	}

	html,body {
		background-image: none!important
	}

	.scrollable a.carousel-prev {
		left: 0!important
	}

	.scrollable a.carousel-next {
		right: 0!important
	}

	.module-full-screen {
		margin: 0 -10px;
		padding: 0 10px
	}

	.module-full-screen>.module-inner {
		padding: 30px 0
	}

	.module-full-screen-more-fixed>.module-inner {
		padding: 30px 0 50px
	}

	.module-full-screen-more-fixed .module-full-screen-more {
		margin-top: 15px;
		margin-left: -40px
	}

	.module-full-screen-more-fixed .module-full-screen-more a {
		width: 80px;
		height: 80px;
		line-height: 80px;
		font-size: 14px;
		background-size: cover
	}

	.module-full-screen-more-fixed .module-full-screen-more a:hover {
		background-position: 0 -80px
	}

	.fixed-bottom .module-default,.fixed-bottom .module,.fixed-bottom .module-no-margin {
		margin-bottom: 0
	}

	.default-top {
		display: none
	}

	.touch-top {
		display: block
	}

	.touch-top-wrapper .touch-logo {
		margin: 0
	}

	.touch-navigation {
		display: block
	}

	.touch-top-wrapper .touch-logo {
		margin: 0
	}

	.touch-top-wrapper .touch-logo img {
		height: 50px;
		display: block
	}

	.header {
		min-height: 30px!important
	}

	.main {
		padding: 0 10px
	}

	.sidebar {
		width: 100%;
		padding: 0
	}

	.sidebar .page-menu {
		display: none
	}

	.sidebar .sidebar-content {
		padding: 15px 0 25px
	}

	.content {
		width: 100%;
		padding: 10px 0 15px
	}

	.full-screen {
		overflow: inherit
	}

	.page-title-inner {
		display: none
	}

	.full-page-content {
		padding: 10px 0 25px
	}

	.full-page-title-wrap {
		display: none
	}

	.full-page-menu {
		display: none
	}

	.footer,.bottom {
		padding: 0 15px
	}

	.bottom .module-default,.bottom .module {
		margin-bottom: 0
	}

	.category-bg-img li a {
		margin: 0 -10px
	}

	.full-scrollable ul li {
		margin: 0 10px;
		text-align: left
	}

	.full-scrollable .scrollable-image {
		margin-bottom: 15px
	}

	.full-scrollable .scrollable-info {
		position: static;
		margin-top: 0;
		opacity: 1;
		display: block;
		color: #333;
		text-align: left
	}

	.full-scrollable .scrollable-info h3 {
		padding: 0;
		line-height: normal;
		margin-bottom: 10px;
		font-size: 16px;
		font-weight: bold
	}

	.full-scrollable .scrollable-info .scrollable-summarty {
		padding: 0
	}

	.full-scrollable .scrollable-info .icon-detail {
		display: none
	}

	.full-scrollable a:hover h3,.full-scrollable a:active h3 {
		color: #f4a814
	}

	.portfolio-list-category .portfolio-img {
		margin-bottom: 15px
	}

	.portfolio-list-category .portfolio-text {
		position: static;
		opacity: 1;
		text-align: left
	}

	.portfolio-list-category .portfolio-title {
		padding: 0!important;
		margin-bottom: 0;
		color: #333;
		transform: translate3d(0px,0px,0px)
	}

	.portfolio-list-category .portfolio-summary {
		padding: 0!important;
		margin: 15px 0 0;
		color: #808080;
		opacity: 1;
		transform: translate3d(0px,0px,0px)
	}

	.portfolio-list-category .opacity-overlay {
		display: none
	}

	.portfolio-list-category a::before,.portfolio-list-category a::after {
		display: none
	}

	.portfolio-grid-text {
		top: auto;
		bottom: 0;
		opacity: 1;
		background-color: rgba(0,0,0,0.8)
	}

	.portfolio-grid-text h3 {
		line-height: normal;
		margin: 0;
		padding: 10px 15px;
		font-size: 14px;
		font-weight: normal;
		position: relative;
		z-index: 10;
		color: #ddd
	}

	.portfolio-grid-item a .overlay,.portfolio-grid-item a:hover .overlay {
		display: none
	}

	.team-introduction .team-img,.content .team-introduction .team-img {
		margin-right: 30px
	}

	.full-scrollable ul li {
		margin: 0 10px;
		text-align: left
	}

	.full-scrollable .scrollable-image {
		margin-bottom: 15px
	}

	.full-scrollable .scrollable-info {
		position: static;
		margin-top: 0;
		opacity: 1;
		display: block;
		color: #333;
		text-align: left
	}

	.full-scrollable .scrollable-info h3 {
		padding: 0;
		line-height: normal;
		margin-bottom: 10px;
		font-size: 16px;
		font-weight: bold
	}

	.full-scrollable .scrollable-info .scrollable-summarty {
		padding: 0
	}

	.full-scrollable .scrollable-info .icon-detail {
		display: none
	}

	.full-scrollable .opacity-overlay,.full-scrollable a:hover .opacity-overlay {
		display: none
	}

	.product-list .product-item a {
		display: block
	}

	.product-list .product-item .portfolio-img {
		margin-bottom: 15px
	}

	.product-list .product-item .portfolio-text {
		display: block;
		position: static;
		text-align: left;
		color: #4d4d4d
	}

	.product-list .product-item .portfolio-text .portfolio-title h2 {
		margin: 0!important
	}

	.product-list .product-item a:hover .portfolio-text .portfolio-title h2 {
		color: #f4a814
	}

	.product-list .col-2-1 .product-item .portfolio-text .portfolio-title h2,.product-list .col-3-1 .product-item .portfolio-text .portfolio-title h2 {
		font-size: 16px
	}

	.product-list .product-item .portfolio-text .price {
		color: #f30;
		margin-bottom: 0
	}

	.product-list .product-item .portfolio-text .icon-detail {
		display: none
	}

	.product-list .product-item .opacity-overlay {
		display: none
	}

	.product-scrollable .scrollable-item a {
		display: block
	}

	.product-scrollable .scrollable-item .portfolio-img {
		margin-bottom: 15px
	}

	.product-scrollable .scrollable-item .scrollable-info {
		display: block;
		position: static;
		text-align: left;
		color: #4d4d4d
	}

	.product-scrollable .scrollable-item .scrollable-info h2 {
		font-size: 16px;
		margin: 0 0 15px!important
	}

	.product-scrollable .scrollable-item a:hover .scrollable-info h2 {
		color: #f4a814
	}

	.product-scrollable .scrollable-item .scrollable-info .price {
		color: #f30;
		margin-bottom: 0
	}

	.product-scrollable .scrollable-item .scrollable-info .icon-detail {
		display: none
	}

	.product-scrollable .scrollable-item .opacity-overlay {
		display: none
	}

	.link-bg-img li a {
		margin: 0 -10px
	}

	.post-list-3col .post-list-item .post-text {
		padding: 20px
	}

	#biankuan {
		width: 100%;
		margin: 0 auto;
		float: left;
		text-align: center
	}

	#biankuan .tupian {
		float: left;
		margin: 5px 3px;
		width: 118px;
		position: relative;
		left: 33%
	}
}

@media(min-width:768px) and (max-width:991px) {
	html body .product-intr .product-preview {
		width: 90%
	}

	html body .product-intr .product-preview .single-img-wrap img {
		max-width: 100%
	}

	.slideshow {
		height: 380px!important
	}

	.slideshow img {
		height: 380px!important
	}

	.slideshow-min {
		height: 280px!important
	}

	.slideshow-min img {
		height: 280px!important
	}

	.slideshow .carousel-direction {
		display: none
	}

	.carousel-thumbs a img {
		width: 100px
	}

	.tab-more {
		margin-top: 20px
	}

	.tab-round .tabs-nav li {
		padding: 0
	}

	.tab-round .tabs-nav li a {
		line-height: normal;
		padding: 0!important;
		width: 115px;
		height: 115px
	}

	.tab-round .tabs-nav li a span {
		margin: 0;
		position: relative;
		top: 50%;
		transform: translateY(-50%)
	}

	.tab-round .tabs-nav li a em {
		display: none
	}

	.tab-round .tabs-nav .tab-nav-item-hasSummary-round span {
		margin: 0
	}

	.tab-round .tabs-nav li i.line-v {
		height: 35px
	}

	.product-list li {
		margin-bottom: 30px
	}

	.product-item .portfolio-text h2 {
		margin-top: 50px
	}

	.product-detail-zoom .product-intr .product-preview {
		width: 420px
	}

	.product-detail-zoom .product-intr .zoom-small-image img {
		width: 420px!important
	}

	.product-detail-zoom .product-intr .zoom-thumbs {
		width: 420px
	}

	.product-detail-zoom .product-intr .zoom-thumbs img {
		width: 80px;
		height: auto!important
	}

	.product-detail-zoom .zoom-section {
		display: none
	}

	.product-detail-zoom .gallery-img-product-detail {
		display: block
	}

	.module-divider-full {
		margin-bottom: -20px
	}

	.post-list-2col .post-text {
		padding: 20px
	}

	.post-list-3col .post-list-item {
		width: 100%;
		float: none;
		margin-bottom: 15px
	}

	.post-list-3col .post-img,.post-list-3col .post-text-box {
		width: 50%;
		float: left
	}

	.post-list-3col .post-list-item .post-text {
		padding: 20px
	}

	.post-list-3col .post-list-item .post-arrow {
		width: 10px;
		height: 19px;
		margin: -10px 0 0;
		left: -10px;
		top: 50%;
		background-position: 0 -42px
	}

	.post-list-3col .post-list-item:nth-of-type(2n+2) .post-img {
		float: right
	}

	.post-list-3col .post-list-item:nth-of-type(2n+2) .post-arrow {
		left: auto;
		right: -10px;
		background-position: 0 -11px
	}

	.post-list-3col .post-list-item-spec .post-img {
		top: auto!important
	}

	.post-list-3col .post-list-item-spec .post-text-box {
		top: auto!important
	}

	.post-list-4col .post-list-item {
		width: 100%;
		float: none;
		margin-bottom: 15px
	}

	.post-list-4col .post-list-item-spec .post-img {
		float: left
	}

	.post-list-4col .post-list-item:nth-of-type(2n+2) .post-img {
		float: right
	}

	.post-list-4col .post-list-item .post-arrow {
		width: 10px;
		height: 19px;
		top: 50%;
		left: -10px;
		margin-top: -10px;
		background-position: 0 -42px
	}

	.post-list-4col .post-list-item:nth-of-type(2n+2) .post-arrow {
		top: 50%;
		left: auto;
		right: -10px;
		margin-top: -10px;
		background-position: 0 -11px
	}

	#biankuan .tupian {
		left: 25%
	}

	.qhd-content img {
		max-width: 100%
	}
}

@media screen and (max-width:767px) {
	html body .product-intr .product-preview {
		width: 90%
	}

	html body .product-intr .product-preview .single-img-wrap img {
		max-width: 100%
	}

	.desktops-section {
		display: none
	}

	.mobile-section {
		display: block
	}

	.column .col-2-1,.column .col-3-1,.column .col-4-1,.column .col-4-2,.column .col-5-1,.column .col-3-2,.column .col-4-3,.column .col-5-2,.column .col-5-3,.column .col-5-4 {
		width: 100%!important;
		margin-right: 0!important
	}

	.row2-svar .col-4-1,.row2-svar .col-5-1 {
		width: 31.3333%;
		margin-right: 3%
	}

	.row2-svar .col-4-1:nth-of-type(4n+4),.row2-svar .col-5-1:nth-of-type(5n+5) {
		margin-right: 3%
	}

	.row2-svar .col-4-1:nth-of-type(4n+1),.row2-svar .col-5-1:nth-of-type(5n+1) {
		clear: none
	}

	.row2-svar .col-4-1:nth-of-type(3n+3),.row2-svar .col-5-1:nth-of-type(3n+3) {
		margin-right: 0;
		clear: none
	}

	.row2-svar .col-4-1:nth-of-type(3n+1),.row2-svar .col-5-1:nth-of-type(3n+1) {
		clear: both
	}

	.table-responsive {
		width: 100%;
		padding-bottom: 1px;
		margin-bottom: 5px;
		overflow-y: hidden
	}

	.table-responsive table th,.table-responsive table td {
		white-space: nowrap
	}

	.btn-medium,.btn-small,.btn-large {
		margin: 2px
	}

	.qhd-pr {
		position: static
	}

	.slideshow {
		height: 350px!important
	}

	.slideshow img {
		height: 350px!important
	}

	.slideshow-min {
		height: 250px!important
	}

	.slideshow-min img {
		height: 250px!important
	}

	.slideshow .carousel-direction {
		display: none
	}

	.carousel-thumbs a {
		border: medium none;
		width: 12px;
		height: 12px;
		margin: 0 5px;
		border-radius: 50%;
		background-color: #ccc
	}

	.carousel-thumbs a.selected {
		background-color: #998b81
	}

	.carousel-thumbs a img {
		display: none
	}

	.tabs-default .tabs-nav li a {
		padding: 0 15px;
		line-height: 38px;
		font-size: 14px
	}

	.tabs-default .tabs-nav li a i {
		display: none
	}

	.tabs-center .tabs-nav li {
		margin: 0 3px 5px
	}

	.tab-round .tabs-nav li {
		padding: 0 5px
	}

	.tab-round .tabs-nav li a {
		line-height: normal;
		padding: 0!important;
		width: 90px;
		height: 90px
	}

	.tab-round .tabs-nav li a span {
		margin: 0;
		font-size: 13px;
		position: relative;
		top: 50%;
		transform: translateY(-50%)
	}

	.tab-round .tabs-nav li a em {
		display: none
	}

	.tab-round .tabs-nav .tab-nav-item-hasSummary-round span {
		margin: 0
	}

	.tab-round .tabs-nav li i.line-v {
		height: 35px
	}

	.portfolio-list .column .col-2-1,.link-list .column .col-2-1 {
		width: 48.5%!important;
		margin-right: 3%!important
	}

	.portfolio-list .column .col-3-1 {
		width: 31.3333%!important;
		margin-right: 3%!important
	}

	.portfolio-list .column .col-4-1 {
		width: 22.75%!important;
		margin-right: 3%!important
	}

	.portfolio-list .column .col-5-1 {
		width: 17.6%!important;
		margin-right: 3%!important
	}

	.portfolio-list .column .last,.link-list .column .last {
		margin-right: 0!important
	}

	.portfolio-grid-4col .portfolio-grid-item {
		width: 50%
	}

	.portfolio-grid-3col .portfolio-grid-item {
		width: 33.333%
	}

	.module-full-screen-title>h2 {
		font-size: 2.6rem;
		margin-bottom: 10px
	}

	.category-bg-img li a {
		padding: 40px 0
	}

	.category-bg-img .category-name {
		font-size: 18px;
		font-weight: bold
	}

	.category-bg-img span {
		font-size: 13px;
		line-height: 30px
	}

	.entry-set .entry-detail {
		display: none
	}

	.gallery-detail-title h1 {
		font-size: 18px;
		font-weight: bold
	}

	.categoryNav-vertical-content ul li a {
		font-size: 1.6rem
	}

	.download-list-row .article-title {
		max-width: 65%
	}

	.entry-img img {
		width: 140px!important;
		height: auto!important
	}

	.entry-thumbnail-list .entry-item img {
		width: 90px!important;
		height: auto!important
	}

	.blog-list .entry-img img {
		width: 100%!important
	}

	.headlines-list .headlines-content-bg .entry-img img {
		width: 100%!important
	}

	.team-introduction .team-img,.content .team-introduction .team-img {
		margin-right: 20px
	}

	.team-introduction .team-img img,.content .team-introduction .team-img img {
		width: 250px
	}

	.product-filter dt {
		width: 80px
	}

	.product-filter dt {
		margin-right: 10px
	}

	.product-detail .product-name {
		margin-bottom: 20px
	}

	.product-detail .product-name h1 {
		font-size: 16px
	}

	.content .product-detail-zoom .product-intr .product-preview,.product-detail-zoom .product-intr .product-preview {
		width: 50%
	}

	.product-detail-zoom .zoom-section {
		display: none
	}

	.product-detail-zoom .gallery-img-product-detail {
		display: block
	}

	.link-line,.link-line-rtl,.link-line-center {
		text-align: left
	}

	.link-line a,.link-line-rtl a,.link-line-center a {
		margin: 0 15px 0 0
	}

	.link-bg-img li a {
		padding: 40px 0
	}

	.link-block li {
		padding: 6px 0;
		border-bottom: 1px solid #808080
	}

	.module-full-screen-title {
		margin-bottom: 20px
	}

	.module-full-screen-title>.module-title-content>h2 {
		margin: 0 15px;
		font-size: 20px;
		font-weight: bold
	}

	.module-full-screen-title>h3 {
		display: none
	}

	.module-full-screen-title>.module-title-content>i {
		width: 80px
	}

	.module-full-screen-more a {
		line-height: 34px
	}

	.module-divider-full {
		margin: 20px 0 -20px
	}

	.pagination {
		margin: 15px 0 10px
	}

	.pagination a,.pagination span {
		display: none
	}

	.pagination a:hover,.pagination a:active {
		background-color: #f4a814;
		color: #fff
	}

	.pagination .page-prev,.pagination .page-next {
		margin: 0 1%;
		padding: 0;
		display: inline-block;
		width: 47%;
		height: 38px;
		line-height: 38px;
		background-color: #004b8c;
		color: #fff
	}

	.pagination .page-prev {
		border-radius: 30px 0 0 30px
	}

	.pagination .page-next {
		border-radius: 0 30px 30px 0
	}

	.pagination .disabled {
		background-color: #f7fafa;
		color: #ccc
	}

	.top-main-content {
		display: none
	}

	.touch-top-wrapper .touch-logo img {
		height: 40px
	}

	.touch-toggle li {
		height: 60px
	}

	.touch-toggle li a {
		height: 60px
	}

	.touch-toggle li i {
		width: 28px;
		height: 28px;
		margin-top: 15px
	}

	.footer .qhd-content p,.footer .qhd-content p,.bottom .qhd-content p,.bottom .qhd-content p {
		text-align: left!important
	}

	.post-text h2 {
		font-weight: normal;
		font-size: 16px
	}

	.post-text-summary {
		font-size: 12px
	}

	.post-list .post-list-item {
		width: 100%;
		float: none;
		margin-bottom: 15px
	}

	.post-list-2col .post-img,.post-list-2col .post-text-box {
		width: 100%
	}

	.post-list-2col .post-img img {
		height: auto!important
	}

	.post-list-2col .post-text-box {
		height: auto!important
	}

	.post-list-2col .post-text-summary {
		height: auto!important
	}

	.post-list-2col .post-text {
		padding: 20px
	}

	.post-list-2col .post-list-item .post-arrow {
		width: 19px;
		height: 10px;
		margin: 0 0 0 -10px;
		right: auto;
		top: -10px;
		left: 50%;
		background-position: 0 0
	}

	.post-list-3col .post-img,.post-list-3col .post-text-box {
		width: 50%;
		float: left
	}

	.post-list-3col .post-list-item .post-text {
		padding: 20px
	}

	.post-list-3col .post-list-item .post-arrow {
		width: 10px;
		height: 19px;
		margin: -10px 0 0;
		left: -10px;
		top: 50%;
		background-position: 0 -42px
	}

	.post-list-3col .post-list-item:nth-of-type(2n+2) .post-img {
		float: right
	}

	.post-list-3col .post-list-item:nth-of-type(2n+2) .post-arrow {
		left: auto;
		right: -10px;
		background-position: 0 -11px
	}

	.post-list-3col .post-list-item-spec .post-img {
		top: auto!important
	}

	.post-list-3col .post-list-item-spec .post-text-box {
		top: auto!important
	}

	#biankuan .tupian {
		left: 0
	}

	.qhd-content img {
		max-width: 100%
	}
}

@media screen and (max-width:640px) {
	html body .product-intr .product-preview {
		width: 90%
	}

	html body .product-intr .product-preview .single-img-wrap img {
		max-width: 100%
	}

	.slideshow {
		height: 300px!important
	}

	.slideshow img {
		height: 300px!important
	}

	.slideshow-min {
		height: 200px!important
	}

	.slideshow-min img {
		height: 200px!important
	}

	.scrollable .carousel-direction a {
		width: 40px;
		height: 40px;
		line-height: 40px
	}

	.tabs-left .tabs-nav {
		width: 30%
	}

	.tab-round .tabs-nav li a {
		width: 70px;
		height: 70px
	}

	.tab-round .tabs-nav li i.line-v {
		height: 30px
	}

	.qhd-content .typo .typo_img,.qhd-content .typo .imgtoright {
		width: auto!important;
		float: none;
		margin-right: 0;
		margin-left: 0
	}

	.qhd-content .typo>a {
		display: block
	}

	.qhd-content div,.qhd-content a,.qhd-content p,.qhd-content h1,.qhd-content h2,.qhd-content h3,.qhd-content h4,.qhd-content h5,.qhd-content h6 {
		text-align: left
	}

	.portfolio-list .column .col-4-1,.link-list .column .col-4-1 {
		width: 48.5%!important;
		margin-right: 3%!important
	}

	.portfolio-list .column .col-4-1:nth-child(2n),.link-list .column .col-4-1:nth-child(2n) {
		margin-right: 0!important
	}

	.portfolio-list .column .col-5-1,.link-list .column .col-5-1 {
		width: 100%!important;
		margin-right: 0!important
	}

	.portfolio-grid-4col .portfolio-grid-item {
		width: 50%
	}

	.portfolio-grid-3col .portfolio-grid-item {
		width: 50%
	}

	.row2-svar .col-3-1,.row2-svar .col-4-1,.row2-svar .col-5-1 {
		width: 48.5%;
		margin-right: 3%
	}

	.row2-svar .col-5-1:nth-of-type(5n+5) {
		margin-right: 3%
	}

	.row2-svar .col-5-1:nth-of-type(5n+1) {
		clear: none
	}

	.row2-svar .col-3-1:nth-of-type(3n+3),.row2-svar .col-4-1:nth-of-type(3n+3),.row2-svar .col-5-1:nth-of-type(3n+3) {
		margin-right: 3%
	}

	.row2-svar .col-3-1:nth-of-type(3n+1),.row2-svar .col-4-1:nth-of-type(3n+1),.row2-svar .col-5-1:nth-of-type(3n+1) {
		clear: none
	}

	.row2-svar .col-3-1:nth-of-type(2n+2),.row2-svar .col-4-1:nth-of-type(2n+2),.row2-svar .col-5-1:nth-of-type(2n+2) {
		margin-right: 0
	}

	.row2-svar .col-3-1:nth-of-type(2n+1),.row2-svar .col-4-1:nth-of-type(2n+1),.row2-svar .col-5-1:nth-of-type(2n+1) {
		clear: both
	}

	.headlines-list-2col .headlines-content {
		width: 100%;
		float: none;
		display: block;
		margin-right: 0;
		padding-bottom: 10px;
		margin-bottom: 20px
	}

	.headlines-others .entry-set-time-hl .entry-item {
		border-bottom: 1px dotted #ccc;
		margin-bottom: 15px;
		padding-bottom: 15px
	}

	.headlines-others .entry-set-time-hl .entry-summary {
		margin-bottom: -8px
	}

	.team-cases-title {
		margin: 25px 0;
		padding-top: 25px
	}

	.team-introduction .team-img,.content .team-introduction .team-img {
		margin-right: 0
	}

	.team-introduction .team-img img,.content .team-introduction .team-img img {
		width: 200px
	}

	.team-introduction .team-name {
		font-size: 18px;
		font-weight: bold
	}

	.full-scrollable ul li {
		margin: 0 5px
	}

	.full-scrollable .scrollable-info .scrollable-summarty {
		font-size: 13px
	}

	.product-intr .product-preview {
		width: auto;
		float: none;
		margin-right: 0;
		display: block;
		margin-bottom: 30px
	}

	.content .product-detail-zoom .product-intr .product-preview,.product-detail-zoom .product-intr .product-preview {
		width: 100%
	}

	.gallery-zoom-img-wrap .icon-zoom {
		display: none
	}

	.link-icon li {
		margin-bottom: 20px;
		margin-left: 10px;
		margin-right: 10px
	}

	.link-icon li a {
		display: inline-block;
		width: 80px;
		height: 80px
	}

	.link-icon li a span {
		display: block;
		margin-top: 26px;
		font-size: 14px
	}

	.link-icon li a.link-img img {
		width: 24px;
		margin: 15px 0 5px
	}

	.link-icon li a.link-img span {
		margin-top: 0
	}

	.module-horizontal .module-title-horizontal {
		float: none;
		margin-right: 0
	}

	.module-title-horizontal .module-title-content {
		margin: 0 0 10px
	}

	.module-horizontal>.modult-inner>.module-more-horizontal a {
		margin-top: 12px
	}

	.fixed-bottom {
		display: block
	}

	.categoryNav-vertical-content {
		margin-top: 20px
	}

	.categoryNav-vertical-content ul li a {
		line-height: 40px
	}

	.post-text h2 {
		margin-bottom: 15px
	}

	.post-list .post-img,.post-list .post-text-box {
		width: 100%
	}

	.post-list .post-img img {
		height: auto!important
	}

	.post-list .post-text-box {
		height: auto!important
	}

	.post-list .post-text-summary {
		height: auto!important
	}

	.post-list .post-list-item .post-arrow {
		width: 19px;
		height: 10px;
		margin: 0 0 0 -10px;
		right: auto;
		top: -10px;
		left: 50%;
		background-position: 0 0
	}

	.post-list .post-list-item-spec .post-img {
		top: auto!important
	}

	.post-list .post-list-item-spec .post-text-box {
		top: auto!important
	}

	.post-list .post-list-item:nth-of-type(2n+2) .post-arrow {
		width: 19px;
		height: 10px;
		margin: 0 0 0 -10px;
		right: auto;
		top: -10px;
		left: 50%;
		background-position: 0 0
	}

	#biankuan .tupian {
		left: 0
	}

	.qhd-content img {
		max-width: 100%
	}
}

@media screen and (max-width:480px) {
	html body .product-intr .product-preview {
		width: 100%
	}

	html body .product-intr .product-preview .single-img-wrap img {
		max-width: 100%
	}

	.column .col-4-1 {
		width: 100%!important;
		margin-right: 0!important
	}

	.slideshow {
		height: 250px!important
	}

	.slideshow img {
		height: 250px!important
	}

	.slideshow-min {
		height: 180px!important
	}

	.slideshow-min img {
		height: 180px!important
	}

	.slideshow .carousel-direction {
		display: none
	}

	.carousel-thumbs a img {
		width: 80px
	}

	.scrollable-text {
		height: auto
	}

	.scrollable-text .carousel-direction {
		display: none
	}

	.carousel-btn-fixed {
		bottom: 8px
	}

	.tabs-default .tabs-nav li a {
		padding: 0 10px;
		line-height: 34px;
		font-size: 14px
	}

	.tabs-center .tabs-nav li {
		margin: 0 2px 5px
	}

	.tab-round .tabs-nav li {
		width: auto;
		margin-bottom: 10px
	}

	.tab-round .tabs-nav li a {
		width: 78px;
		height: 78px
	}

	.tab-round .tabs-nav li i.line-v {
		display: none
	}

	.entry-list-mobile .entry-summary {
		display: none
	}

	.entry-list-mobile .entry-detail {
		display: none
	}

	.portfolio-typo-item .portfolio-typo-summary {
		display: none
	}

	.portfolio-list .column .col-2-1,.portfolio-list .column .col-3-1,.portfolio-list .column .col-4-1,.portfolio-list .column .col-5-1,.link-list .column .col-2-1,.link-list .column .col-3-1,.link-list .column .col-4-1,.link-list .column .col-5-1 {
		width: 100%!important;
		margin-right: 0!important
	}

	.portfolio-grid-item {
		margin-bottom: 10px
	}

	.portfolio-grid-text h3 {
		font-size: 13px
	}

	.portfolio-grid-4col .portfolio-grid-item,.portfolio-grid-3col .portfolio-grid-item {
		width: 50%
	}

	.pgwSlideshow .ps-current {
		min-height: 200px
	}

	.article-list-row li .article-time {
		display: none
	}

	.entry-img img {
		width: 120px!important;
		height: auto!important
	}

	.blog-list .entry-img img {
		width: 100%!important;
		height: auto!important
	}

	.headlines-list .headlines-content-bg .entry-img img {
		width: 100%!important;
		height: auto!important
	}

	.entry-list-time-hl .entry-item {
		padding-left: 80px
	}

	.entry-list-time-hl .time {
		width: 60px
	}

	.entry-list-time-hl .time-day {
		line-height: 40px;
		font-size: 26px
	}

	.entry-list-time-hl .time-date {
		line-height: 20px;
		font-size: 12px
	}

	.team-introduction .typo .typo-img {
		float: none;
		margin: 0 0 20px
	}

	.team-introduction .team-img img,.content .team-introduction .team-img img {
		width: auto;
		max-width: 100%
	}

	.scrollable-text .article-time {
		display: none
	}

	.touch-top-wrapper .touch-logo img {
		height: 30px
	}

	.touch-toggle li {
		height: 50px;
		padding: 0 10px
	}

	.touch-toggle li a {
		height: 50px
	}

	.touch-toggle li i {
		width: 20px;
		height: 20px;
		margin-top: 15px
	}

	.module-full-screen-title>.module-title-content>i {
		width: 40px
	}

	.module-horizontal .module-title-horizontal {
		float: none;
		margin-right: 0
	}

	.module-title-horizontal .module-title-content {
		margin: 0 0 10px
	}

	.module-horizontal>.modult-inner>.module-more-horizontal {
		margin: 6px 0 0
	}

	.qhd-content .typo a {
		display: block
	}

	.qhd-content .typo a,.qhd-content .typo .typo_text {
		text-align: center
	}

	.izotope .grid-sizer,.izotope .izotope-item,.izotope .izotope-item-50 {
		width: 100%!important
	}

	.qhd-content img {
		max-width: 100%
	}
}

@media screen and (max-width:360px) {
	html body .product-intr .product-preview {
		width: 90%
	}

	html body .product-intr .product-preview .single-img-wrap img {
		max-width: 100%
	}

	.slideshow-min {
		height: 150px!important
	}

	.slideshow-min img {
		height: 150px!important
	}

	.slideshow .carousel-direction {
		display: none
	}

	.categoryNav-vertical-content ul li a {
		margin-bottom: 5px
	}

	.categoryNav-vertical-content ul li {
		margin: 0;
		display: block;
		width: 100%
	}

	.categoryNav-vertical-content ul li a {
		display: block
	}

	#biankuan {
		display: none
	}

	#biankuan .tupian {
		display: none
	}

	.qhd-content img {
		max-width: 100%
	}
}

html {
	background-image: url('../images/bg-rep-03.png')
}

.pagination-default {
	text-align: center
}

.pagination {
	clear: both;
	font-size: 13px;
	margin: 30px 0 20px
}

.entry-list-time-hl .entry-item {
	border-bottom: 1px dotted #ccc;
	height: auto!important;
	min-height: 80px;
	padding-left: 100px;
	position: relative
}

.entry-item {
	border-bottom: 1px dotted #e5e5e5;
	margin-bottom: 25px;
	padding-bottom: 5px
}

.entry-list-time-hl .time {
	background-color: #f2f2f2;
	font-family: Arial;
	left: 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 75px
}

.entry-title {
	margin-bottom: 15px
}

.entry-summary {
	color: #808080;
	font-size: 13px;
	margin-bottom: -5px
}

.entry-list-time-hl .time-day {
	border-bottom: 1px solid #fff;
	color: #666;
	display: block;
	font-size: 30px;
	line-height: 50px
}

.entry-list-time-hl .time-date {
	color: #999;
	display: block;
	font-size: 12px;
	line-height: 22px
}

.entry-title h2 {
	font-size: 16px;
	line-height: 1.4
}

.entry-summary p {
	line-height: 1.6
}

.article-detail .article-title {
	margin-bottom: 15px;
	text-align: center
}

.article-detail .article-title h1 {
	font-size: 22px;
	font-weight: normal;
	line-height: 1.5
}

.article-detail .entry-meta {
	font-size: 12px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	text-align: center
}

.article-detail .entry-meta span {
	margin: 0 10px
}

.entry-meta strong {
	font-weight: normal
}

.entry-meta a {
	color: #999
}

.entry-meta {
	color: #999;
	font-size: 12px;
	margin-bottom: 10px
}

.detail-bottom {
	border-top: 1px solid #c8c9cb;
	margin: 15px 0;
	padding-top: 15px
}

.float-right {
	display: inline;
	float: right
}

.clearfix::after {
	clear: both;
	content: " ";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden
}

.page-title-inner {
	background: rgba(0,0,0,0) none repeat scroll 0 0;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 30px;
	padding: 0
}

.page-title-inner .breadcrumbs {
	background: rgba(0,0,0,0) url("../images/icon-home.png") no-repeat scroll left center;
	padding-left: 16px
}

.page-title .breadcrumbs {
	line-height: 44px
}

.float-right {
	display: inline;
	float: right
}

.breadcrumbs {
	color: #666;
	font-size: 12px
}

.breadcrumbs a {
	color: #666
}

.breadcrumbs i {
	font-style: normal;
	margin: 0 3px
}

.content-wrapper {
	padding-bottom: 20px
}

.product-intr .product-preview {
	display: inline;
	float: left;
	margin-right: 35px;
	width: 50%
}

.product-intr .product-preview .single-img-wrap img {
	max-width: 100%
}

fieldset,img {
	border: 0 none
}

.product-intr .product-info {
	overflow: hidden
}

.product-detail .product-info-item {
	margin-bottom: 5px;
	padding-bottom: 5px
}

.product-detail .alibaba_btn {
	text-align: left
}

.product-detail .alibaba_btn a {
	background-color: #004b8c;
	color: #fff;
	border-color: #004b8c;
	border-radius: 5px;
	display: block;
	height: 34px;
	font-size: 15px;
	line-height: 34px;
	text-align: center;
	width: 30%
}

.product-detail .product-name {
	margin-bottom: 10px
}

.product-detail .product-name h1 {
	font-size: 20px;
	line-height: 1.5
}

.product-detail .product-summary {
	color: #666;
	font-size: 13px
}

.product-info {
	float: left;
	width: 372px
}

.product-desc-title ul.tabs {
	float: left;
	width: 100%;
	color: #fff;
	background-color: #004b8c;
	line-height: 40px;
	clear: both;
	display: block
}

.product-desc-title ul.tabs li {
	cursor: pointer;
	float: left;
	font-size: 16px;
	height: 34px;
	line-height: 34px;
	position: relative;
	text-align: center;
	width: 12.5%;
	background-image: url("../images/nav-border.png");
	background-position: right top;
	background-repeat: no-repeat
}

.product-desc-title ul.tabs li a {
	color: #fff
}

.product-desc-title ul.tabs li.active {
	background: #f4a814
}

.product-intr {
	margin-bottom: 45px
}

.qhd-content h4 {
	margin-top: 30px;
	font-size: 18px
}

.xiazai {
	width: 100%;
	margin: 50px auto
}

.article-list-row li {
	border-bottom: 1px solid #e5e5e5;
	padding: 8px 0
}

.article-list-row li .file-download {
	background: rgba(0,0,0,0) url("../images/icon-download.gif") no-repeat scroll left center;
	color: #004b8c;
	font-size: 12px;
	padding-left: 18px
}

*::-moz-selection {
	background-color: #316ac5;
	color: #fff
}

.article-list-row li .article-title {
	background: rgba(0,0,0,0) url("../images/icon-dot.gif") no-repeat scroll 3px 8px;
	display: inline-block;
	line-height: 20px;
	padding-left: 15px
}

.article-list-row li a {
	text-decoration: none
}

.language-wrap {
	width: 100%;
	background-color: #eee;
	margin: 0
}

.language {
	width: 1120px;
	margin: 0 auto;
	text-align: right
}

.language .first-level {
	margin-right: 15px
}

.language .language-ico {
	background-position: left center;
	background-repeat: no-repeat;
	padding: 0 0 0 20px
}

.touch-toggle .touch-toggle-item-first {
	border-left: medium none
}

.touch-toggle li {
	float: left;
	height: 70px;
	padding: 0 12px;
	text-align: center
}

:link,*:visited,ins {
	text-decoration: none
}

.touch-toggle .touch-icon-language {
	background-image: url("../images/touch-icon-language.png")
}

.uk-hidden-small {
	text-align: center
}

.pagess {
	clear: both;
	padding-top: 30px;
	padding-bottom: 60px;
	overflow: hidden;
	margin-left: 0;
	text-align: center;
	font-size: 12px
}

.pagess ul li {
	display: inline-block;
	border: 1px solid #ccc;
	padding: 2px 9px;
	margin: 0 3px;
	line-height: 20px;
	background: #fff;
	color: #999
}

.pagess ul li:hover {
	background: #035199;
	color: #fff;
	border: 1px solid #035199
}

.pagess ul li:hover a {
	color: #fff
}

.pagess ul li.thisclass {
	display: inline-block;
	border: 1px solid #035199;
	padding: 2px 9px;
	margin: 0 3px;
	background: #035199;
	color: #fff
}

.pagess ul li.thisclass a {
	color: #fff
}

.pagess ul li a {
	display: block;
	color: #999
}

.pagess ul li a:hover {
	color: #fff
}

.mt50 {
	margin-top: 50px
}

.g-w1000 {
	margin: 0 auto;
	width: 1020px
}

.g-w1170 {
	margin: 0 auto;
	width: 1170px
}

.logo-zi {
	float: left;
	padding-left: 10px;
	color: #004b8c;
	margin-left: 210px;
	margin-top: -60px;
	border-left: 1px solid #dfdfdf
}

.logo-zi h2 {
	color: #004490;
	font-size: 16px;
	font-weight: 100
}

.logo-zi p {
	color: #666
}

.head_menu {
	background-color: #004b8c;
	height: 46px;
	line-height: 1
}

.head_menu .menu .mli {
	float: left;
	position: relative;
	z-index: 9
}

.head_menu .mod-first {
	display: block;
	padding: 0 18px;
	font-size: 15px;
	color: #fff;
	height: 46px;
	line-height: 46px
}

.head_menu .subMenu {
	position: absolute;
	left: 0;
	visibility: hidden;
	background-color: #fff;
	width: 140px;
	opacity: 0;
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
	-webkit-transition: all .3s;
	transition: all .3s;
	box-shadow: 0 2px 3px #666
}

.head_menu .subMenu:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: -8px;
	border-bottom: 8px solid #fff;
	border-right: 8px solid transparent
}

.head_menu .subMenu li a {
	display: block;
	white-space: nowrap;
	padding: 12px 10px;
	text-align: left;
	font-size: 12px
}

.head_menu .subMenu li a:hover {
	background-color: #eee
}

.head_menu .menu .mli:hover .mod-first {
	color: #fff;
	background-color: #da3f9b
}

.head_menu .menu .mli:hover ul {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.head_menu .mod-first.active {
	color: #fff;
	background-color: #da3f9b
}

.head_menu .menu .mli:last-child .subMenu {
	width: 100%
}

.focus {
	border-top: 1px solid #007fd0
}

.focus .mod-body {
	position: relative
}

.mod-body .item {
	width: 100%;
	text-align: center
}

.mod-body .item img {
	max-width: 100%;
	display: block;
	min-height: 160px
}

.mod-body .owl-buttons {
	position: absolute;
	top: 50%;
	margin-top: -20px;
	width: 100%;
	display: none
}

.mod-body .owl-buttons .owl-prev,.mod-body .owl-buttons .owl-next {
	font-family: "宋体";
	width: 40px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 70px;
	opacity: .6
}

.mod-body .owl-buttons .owl-prev:hover,.mod-body .owl-buttons .owl-next:hover {
	color: #fff;
	opacity: 1
}

.mod-body .owl-buttons .owl-prev {
	left: 2%;
	margin-left: 50px;
	position: absolute;
	z-index: 10
}

.mod-body .owl-buttons .owl-next {
	right: 2%;
	margin-right: 50px;
	position: absolute;
	z-index: 10
}

.mod-body .owl-theme .owl-controls {
	text-align: center;
	width: 100%
}

.mod-body .owl-theme .owl-controls .owl-page {
	display: inline-block;
	zoom: 1;
	*display: inline
}

.mod-body .owl-theme .owl-controls .owl-pagination {
	position: absolute;
	left: 50%;
	bottom: 12px;
	margin-left: -36px;
	z-index: 2
}

.mod-body .owl-theme .owl-controls .owl-page span {
	display: block;
	width: 12px;
	height: 12px;
	margin: 0 6px;
	background: #fff;
	border-radius: 50%
}

.mod-body .owl-theme .owl-controls .owl-page.active span,.mod-body .owl-theme .owl-controls.clickable .owl-page:hover span {
	background: #da3f9b
}

.focus2 .owl-pagination {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	background-color: #999;
	background-color: rgba(0,0,0,.4)
}

.focus2 .item img {
	max-width: 100%;
	display: block;
	min-height: 160px
}

.focus2 .owl-pagination .owl-page {
	float: left
}

.focus2 .owl-pagination .owl-page a {
	display: block;
	height: 50px;
	font-size: 18px;
	border-right: 1px solid #fff;
	color: #fff;
	text-align: center;
	line-height: 50px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.focus2 .owl-pagination .owl-page:first-child a {
	border-left: 1px solid #fff
}

.focus2 .owl-pagination .owl-page.active a {
	background-color: #004b8c
}

.page2 {
	margin-top: 10px;
	margin-bottom: 22px
}

.page2 .page2_L {
	width: 22%;
	float: left
}

.page2 .page2_L .page2_title {
	height: 50px;
	line-height: 50px;
	text-indent: 25px;
	color: #004b8c;
	font-size: 24px;
	font-weight: normal
}

.page2 .page2_L .page2_title .icon_Btn {
	float: right;
	height: 38px;
	line-height: 38px;
	font-size: 18px;
	color: #fff;
	padding-right: 15px;
	cursor: pointer;
	display: none
}

.page2 .page2_L .li1 {
	height: 38px;
	line-height: 38px;
	background-color: #004b8c;
	display: block;
	color: #fff;
	text-indent: 25px;
	font-size: 15px
}

.page2 .page2_L .ul2 {
	background-color: #f6f6f6;
	border-left: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8
}

.page2 .page2_L .ul2 li {
	border-bottom: 1px dashed #e1e1e1
}

.page2 .page2_L .ul2 li:last-child {
	border-bottom: 1px solid #e8e8e8
}

.page2 .page2_L .ul2 a {
	height: 40px;
	line-height: 40px;
	display: block;
	padding: 0 25px;
	color: #004b8c
}

.page2 .page2_L .ul2 a i {
	float: right;
	font-size: 20px;
	height: 40px;
	line-height: 40px
}

.page2 .page2_L .ul2 a:hover {
	color: #f4a814
}

.page2 .page2_R {
	float: right;
	width: 75%
}

.page2 .page2_R .titleBtn {
	margin-bottom: -1px
}

.page2 .page2_R .titleBtn li {
	float: left;
	height: 50px;
	line-height: 50px;
	padding: 0 35px;
	border: 1px solid #e8e8e8;
	cursor: pointer;
	border-bottom: 0;
	font-size: 16px
}

.page2 .page2_R .titleBtn li:last-child {
	border-left: 0
}

.page2 .page2_R .titleBtn li.pro_title {
	background-color: #f6f6f6;
	color: #004b8c;
	border: 1px solid #e8e8e8;
	border-bottom: 0
}

.page2 .page2_R .titleBtn li:hover,.page2 .page2_R .titleBtn li.hover {
	background-color: #f6f6f6;
	color: #004b8c
}

.page2_R .conBox {
	background-color: #f6f6f6;
	border: 1px solid #e8e8e8;
	padding: 25px 0
}

.page2_R .none {
	display: none
}

.page2_R .conBox .item {
	margin-left: 18px;
	margin-right: 18px;
	margin-bottom: 25px;
	text-align: center;
	background-color: #fff;
	border: 1px solid #e6e6e6;
	padding: 12px;
	border-radius: 5px
}

b.red {
	color: red
}

.page2_R .conBox .item:hover {
	border: 1px solid #004b8c
}

.page2_R .conBox .item .imgBox img {
	max-width: 100%
}

.page2_R .conBox .item dt {
	color: #333;
	padding: 5px 0;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.page2_R .conBox .item dd a {
	height: 34px;
	line-height: 34px;
	border: 1px solid #e6e6e6;
	width: 70%;
	margin: 0 auto;
	display: block;
	margin-top: 5px;
	border-radius: 5px
}

.page2_R .conBox .item:hover dd a {
	background-color: #004b8c;
	color: #fff;
	border-color: #004b8c
}

.page2_R .conBox .moreBtn {
	clear: both;
	text-align: center
}

.page2_R .conBox .moreBtn a {
	display: inline-block;
	background-color: #004b8c;
	color: #fff;
	font-size: 16px;
	padding: 8px 45px;
	border-radius: 5px
}

.page2_R .conBox .moreBtn a:hover {
	padding: 8px 55px
}

.mainBox {
	background-color: #f3f3f3;
	padding: 0 0 45px 0
}

.relative {
	position: relative
}

.bannerBox img {
	max-width: 100%
}

.con_L {
	width: 22%;
	float: left;
	margin-top: 45px
}

.con_L .mt20 {
	margin-top: 25px
}

.con_L .con_Title {
	height: 38px;
	line-height: 38px;
	background: #004b8c;
	font-size: 18px;
	text-indent: 30px;
	color: #fff
}

.con_L .con_Title a {
	float: right;
	font-size: 12px;
	color: #fff;
	margin-right: 15px
}

.con_L .con_Title .icon_Btn {
	float: right;
	height: 38px;
	line-height: 38px;
	font-size: 18px;
	color: #fff;
	padding-right: 15px;
	cursor: pointer;
	display: none
}

.con_L .nav_L {
	border: 1px solid #e8e8e8;
	border-top: 0;
	background-color: #fff;
	padding-bottom: 25px
}

.con_L .nav_L li {
	border-bottom: 1px dotted #e3e3e3;
	padding: 0 30px
}

.con_L .nav_L li a {
	height: 40px;
	line-height: 40px;
	color: #004b8c;
	display: block
}

.con_L .nav_L li:hover,.con_L .nav_L li.active {
	background-color: #f8f8f8
}

.con_L .nav_L li a i {
	float: right;
	height: 40px;
	line-height: 40px
}

.con_L .con_link {
	background-color: #fff;
	line-height: 1.8;
	border: 1px solid #e8e8e8;
	border-top: 0;
	padding: 15px 12px
}

.con_L .con_link span {
	font-size: 18px;
	color: #da3f9b
}

.con_L .con_link p {
	margin: 0
}

.con_L .con_link img {
	max-width: 100%
}

.con_L .con_new {
	background-color: #fff;
	line-height: 1.8;
	border: 1px solid #e8e8e8;
	border-top: 0;
	padding: 15px 12px
}

.con_L .con_new .page8_red {
	font-size: 12px
}

.con_L .con_new .page8_red .imgBox {
	max-width: 95px;
	float: left;
	margin-right: 10px
}

.con_L .con_new .page8_red .imgBox img {
	max-width: 100%
}

.con_L .con_new .page8_red dt {
	font-size: 12px
}

.con_L .con_new .page8_list {
	font-family: "simsun";
	font-size: 12px;
	margin-top: 10px
}

.con_L .con_new .page8_list li span {
	float: right;
	color: #999
}

.con_L .con_new .page8_list li {
	border-bottom: 1px dotted #d7d7d7;
	height: 28px;
	line-height: 28px;
	padding-left: 15px;
	position: relative
}

.con_L .con_new .page8_list li:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -4px;
	border-left: 4px solid #c94694;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent
}

.con_L .con_new .page8_list li a {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.con_L .con_new .con_red {
	margin-top: 5px
}

.con_L .con_new .con_red img {
	max-width: 100%
}

.con_L .con_new .con_red dd {
	border: 1px solid #e8e8e8;
	padding-bottom: 1px
}

.con_L .con_new .con_red dt {
	font-family: "simsun";
	font-size: 12px;
	color: #999;
	padding: 5px 0;
	text-align: center;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.con_R {
	float: right;
	width: 75%
}

.location {
	font-size: 12px;
	line-height: 45px
}

.location .title {
	font-size: 18px;
	color: #004b8c
}

.location .weizhi {
	font-family: "simsun"
}

.location .fr {
	float: right
}

.main_R {
	background-color: #fff;
	border: 1px solid #e8e8e8;
	border-top: 2px solid #004b8c
}

.main_title {
	font-size: 22px;
	color: #004b8c;
	text-align: center;
	margin-top: 20px
}

.page_con {
	padding: 25px 25px;
	line-height: 1.8
}

.page_con img {
	max-width: 100%
}

.pro_1 {
	padding-bottom: 40px
}

.pro_2 {
	background-color: #fff
}

.pro_3 {
	background: 0;
	padding-bottom: 0
}

.page2_L .mt20 {
	margin-top: 25px
}

.page2_L .con_Title {
	height: 38px;
	line-height: 38px;
	background: #004b8c;
	font-size: 18px;
	text-indent: 30px;
	color: #fff
}

.page2_L .con_Title a {
	float: right;
	font-size: 12px;
	color: #fff;
	margin-right: 15px
}

.page2_L .con_link {
	background-color: #fff;
	line-height: 1.8;
	border: 1px solid #e8e8e8;
	border-top: 0;
	padding: 15px 12px
}

.page2_L .con_link span {
	font-size: 18px;
	color: #da3f9b
}

.page2_L .con_link p {
	margin: 0
}

.page2_L .con_link img {
	max-width: 100%
}

.feedback_form {
	width: 70%;
	margin: 30px auto
}

.feedback_T {
	text-align: center;
	margin-top: 10px
}

.feedbackBox .red {
	color: red
}

.feedbackBox .item {
	display: block;
	margin-bottom: 15px
}

.feedbackBox .item input {
	height: 16px;
	line-height: 16px;
	padding: 6px 0;
	border: 1px solid #dedede;
	text-indent: 5px;
	color: #666;
	width: 70%
}

.feedbackBox .item textarea {
	line-height: 20px;
	padding: 6px 0;
	border: 1px solid #dedede;
	text-indent: 5px;
	color: #666;
	width: 70%
}

.feedbackBox .item .formL {
	width: 100px;
	text-align: right;
	display: inline-block
}

.feedbackBox .button {
	margin-left: 100px;
	background-color: #004b8c;
	font-size: 16px;
	color: #fff;
	padding: 8px 35px;
	border: 0;
	cursor: pointer;
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease
}

.feedbackBox .button:hover {
	padding: 8px 45px
}

.map_con {
	padding: 15px 25px 45px 25px
}

.map_con .nav1 {
	color: #004b8c;
	background: url(../images/img_08.png) no-repeat center left;
	padding-left: 15px;
	border-bottom: 1px dotted #c3c3c3;
	padding-bottom: 5px;
	font-size: 16px;
	margin-top: 30px
}

.map_con .nav2 a {
	color: #999;
	display: inline-block;
	padding: 0 15px;
	height: 16px;
	line-height: 16px;
	border-right: 1px solid #ccc;
	margin-top: 15px
}

.map_con .nav2 a:hover {
	color: #004b8c
}

.sitemap {
	padding: 25px 25px 45px 25px
}

.sitemap .oneLi {
	color: #004b8c;
	background: url(../images/img_08.png) no-repeat 0 9px;
	padding-left: 15px;
	border-bottom: 1px dotted #c3c3c3;
	padding-bottom: 15px;
	margin-top: 15px;
	font-size: 16px;
	line-height: 1.8;
	font-size: 16px
}

.sitemap .oneLi>a {
	color: #004b8c
}

.sitemap .oneLi a {
	display: block
}

.sitemap .twoLi {
	padding-left: 15px;
	font-size: 14px;
	float: left
}

.sitemap .threeLi {
	padding-left: 25px;
	line-height: 2.2
}

.pagination {
	text-align: center;
	margin: 40px 0 0 0
}

.pagination .page {
	display: inline-block;
	padding: 3px 6px;
	border: 1px solid #e8e8e8;
	color: #898989;
	font-family: Arial;
	min-width: 18px;
	text-align: center;
	margin: 0 2px;
	border-radius: 3px
}

.pagination .page:hover {
	background: #004b8c;
	color: #fff;
	border: 1px solid #004b8c
}

.pagination .page.disabled {
	background: #f2f2f2;
	border-color: #ddd;
	color: #aaa
}

.pagination .page.current {
	background: #004b8c;
	color: #fff;
	border-color: #004b8c
}

.pagination .page.no-border {
	border-color: transparent;
	padding-left: 0;
	padding-right: 0;
	background: 0
}

.language-wrap {
	width: 100%;
	background-color: #eee;
	margin: 0
}

.language {
	width: 1120px;
	margin: 0 auto;
	text-align: right;
	line-height: 30px;
	height: 30px
}

.language .ho {
	float: left;
	text-align: left
}

.language .first-level {
	margin-right: 15px
}

.language .language-ico {
	background-position: left center;
	background-repeat: no-repeat;
	padding: 0 0 0 20px
}

.touch-toggle .touch-toggle-item-first {
	border-left: medium none
}

.touch-toggle li {
	float: left;
	height: 70px;
	padding: 0 12px;
	text-align: center
}

:link,*:visited,ins {
	text-decoration: none
}

.touch-toggle .touch-icon-language {
	background-image: url("../images/touch-icon-language.png")
}

.copyright {
	background: #666;
	color: #fff;
	font-size: 12px;
	padding: 15px 0;
	line-height: 1.8;
	text-align: center
}

.copyright a {
	color: #fff
}

.copyright a:hover {
	color: #004b8c
}

.g-ft {
	background-color: #004b8c;
	padding: 30px 0
}

.f-oh {
	overflow: hidden
}

.m-ftel {
	text-align: right
}

.f-fr {
	float: right
}

.m-ftel p {
	color: #fff;
	font-family: impact;
	font-size: 24px;
	padding: 5px 0 0
}

.m-ftel h5 span {
	color: #fff;
	display: block;
	font-size: 16px
}

.m-ftel h5 label {
	color: #4e739d;
	display: block;
	font-size: 18px;
	height: 24px;
	margin-top: 4px;
	text-transform: uppercase
}

.m-fnav a:first-child {
	padding-left: 0
}

.m-fnav a {
	border-right: 1px solid #fff;
	color: #fff;
	display: inline-block;
	height: 15px;
	line-height: 15px;
	padding: 0 8px
}

.m-cprt {
	color: #fff;
	line-height: 30px
}

.m-cprt a img {
	margin-right: 1px;
	border-radius: 5px
}

.suspend {
	width: 40px;
	height: 198px;
	position: fixed;
	top: 200px;
	right: 0;
	overflow: hidden;
	z-index: 9999
}

.suspend dl {
	width: 120px;
	height: 198px;
	border-radius: 25px 0 0 25px;
	padding-left: 40px;
	box-shadow: 0 0 5px #e4e8ec
}

.suspend dl dt {
	width: 40px;
	height: 198px;
	background: url(../images/suspend.png);
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer
}

.suspend dl dd.suspendQQ {
	width: 120px;
	height: 85px;
	background: #fff
}

.suspend dl dd.suspendQQ a {
	width: 120px;
	height: 85px;
	display: block;
	background: url(../images/suspend.png) -40px 0;
	overflow: hidden
}

.suspend dl dd.suspendTel {
	width: 120px;
	height: 112px;
	background: #fff;
	border-top: 1px solid #e4e8ec
}

.suspend dl dd.suspendTel a {
	width: 120px;
	height: 112px;
	display: block;
	background: url(../images/suspend.png) -40px -86px;
	overflow: hidden
}

* html .suspend {
	position: absolute;
	left: expression(eval(document.documentElement.scrollRight));
	top: expression(eval(document.documentElement.scrollTop+200))
}

#mobile_nav {
	display: none
}

@media only screen and (min-width:1200px) {
	.head_menu .mod-first {
		padding: 0 28px
	}
}

@media only screen and (max-width:1199px) {
	.page5 .page5_L {
		font-size: 26px
	}

	.page6 .page6_L .conBox .imgBox {
		width: 38%
	}
}

@media only screen and (max-width:1150px) {
	.g-ft {
		width: 100%;
		text-align: center
	}

	.g-ft .g-w1170 {
		width: 100%
	}

	.g-ft .m-ftel {
		display: none
	}
}

@media only screen and (max-width:990px) {
	.banner .flex-direction-nav {
		display: none
	}

	.banner .flex-control-nav {
		display: none
	}

	.head_middle .logo {
		width: 60%
	}

	.head_middle .search {
		width: 270px
	}

	.head_middle .searchBox .input {
		width: 200px
	}

	.head_middle .searchBox .button {
		padding: 0 15px
	}

	.head_menu .mod-first {
		padding: 0 6px
	}

	.head_menu .subMenu {
		width: 120px
	}

	.page2 .page2_L {
		width: 25%
	}

	.page2 .page2_R {
		width: 73%
	}

	.page5 .page5_L {
		font-size: 18px
	}

	.page6 .page6_L .conBox .imgBox {
		width: 40%
	}

	.page8 .page8_item {
		margin-top: 20px
	}

	.menu-foot .item {
		width: 25%;
		min-height: 280px
	}

	.g-blk-abt {
		background-color: #004b8c;
		background-image: none
	}

	#goleft {
		display: none
	}

	.product-info {
		width: 100%
	}

	.g-blk-adv {
		display: none
	}

	.g-blk-adv {
		width: 99%
	}

	.g-blk-adv ul li {
		width: 98%
	}

	.g-blk-news .m-box2 {
		width: 99%;
		margin-bottom: 5%
	}

	.g-blk-news .hy {
		margin-left: 0;
		margin-right: 0
	}

	.con_L {
		width: 25%
	}

	.con_R {
		width: 73%
	}

	.ag-share {
		position: relative
	}

	.sitemap .twoLi {
		float: none
	}

	html body .g-w1170 {
		margin: 0 auto;
		width: 100%
	}

	.g-ft {
		display: none
	}

	#mobile_nav {
		display: block
	}
}

@media only screen and (max-width:767px) {
	.banner .flex-direction-nav {
		display: none
	}

	.banner .flex-control-nav {
		display: none
	}

	.head_middle .logo {
		width: 100%
	}

	.mt50 {
		margin-top: 25px
	}

	.head_middle .search {
		display: none
	}

	.head_top .head_L {
		display: none
	}

	.head_menu {
		display: none
	}

	.page2 .page2_L {
		position: relative;
		width: 100%;
		margin-bottom: 15px
	}

	.page2 .page2_L .page2_title {
		height: 38px;
		line-height: 38px;
		background: #004b8c;
		font-size: 18px;
		text-indent: 30px;
		color: #fff;
		margin-bottom: 1px
	}

	.page2 .page2_L .page2_title .icon_Btn {
		display: block
	}

	.page2 .page2_L .page2_nav {
		display: none
	}

	.page2 .page2_L .con_link,.page2 .page2_L .mt20 {
		display: none
	}

	.page2 .page2_R {
		width: 100%
	}

	.page2_R .conBox .item {
		margin-left: 10px;
		margin-right: 10px
	}

	.page3,.page4,.page6,.page7,.page8,.page9 {
		padding: 25px 0
	}

	.page5 {
		height: auto;
		line-height: 1.6;
		text-align: center;
		padding: 15px
	}

	.page5 .page5_R {
		text-align: center;
		margin-top: 15px
	}

	.page6 .page6_R {
		margin-left: 0;
		margin-top: 20px
	}

	.focus2 .owl-pagination .owl-page span {
		font-size: 14px;
		height: 35px;
		line-height: 35px
	}

	.menu-foot {
		display: none
	}

	.con_L {
		width: 100%;
		float: none;
		margin-top: 25px;
		margin-bottom: 10px
	}

	.con_R {
		width: 100%;
		float: none
	}

	.con_L .mt20,.con_L .con_link,.con_L .con_new {
		display: none
	}

	.con_L .con_Title .icon_Btn {
		display: block
	}

	.con_L .nav_L {
		display: none
	}

	.page_con,.pro_con,.news_con,.photo_con {
		padding-left: 15px;
		padding-right: 15px
	}

	.photo_con {
		margin-left: -15px
	}

	.photo_list {
		margin-left: 15px
	}

	.g-blk-abt {
		background-color: #004b8c;
		background-image: none
	}

	#goleft {
		display: none
	}

	.g-blk-adv {
		display: none
	}

	.g-blk-adv {
		width: 99%
	}

	.g-blk-adv ul li {
		width: 98%
	}

	html body .g-w1170 {
		margin: 0 auto;
		width: 100%
	}

	.g-blk-case {
		width: 99%
	}

	.product-info {
		width: 100%
	}

	.g-blk-news .m-box2 {
		width: 99%;
		margin-bottom: 5%
	}

	.g-blk-news .hy {
		margin-left: 0;
		margin-right: 0
	}

	.g-ft {
		display: none
	}

	#mobile_nav {
		display: block
	}
}

@media only screen and (max-width:479px) {
	.banner .flex-direction-nav {
		display: none
	}

	.banner .flex-control-nav {
		display: none
	}

	.head_top {
		display: none
	}

	.head_middle {
		padding: 10px 0
	}

	.focus2 .owl-pagination .owl-page span {
		font-size: 12px;
		height: 28px;
		line-height: 28px
	}

	.page6 .page6_L .conBox .imgBox {
		width: 100%;
		margin-bottom: 10px
	}

	.page8 .page8_red .imgBox {
		float: none;
		max-width: 100%;
		margin-bottom: 10px;
		margin-right: 0
	}

	.location .weizhi {
		display: none
	}

	.news-list .first .pic {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
		float: none;
		border: 0;
		text-align: center
	}

	.news-list .down_list {
		padding-right: 0
	}

	.news-list .down_list .more {
		position: relative
	}

	.pro_info .pro_Bot {
		position: relative;
		text-align: left;
		left: 0
	}

	.pro_info .pro_img {
		margin-right: 0;
		margin-bottom: 10px
	}

	.product-desc .product-desc-title .tabs li {
		font-size: 14px;
		width: 33.33333333333333333%
	}

	.feedback_form {
		width: 90%
	}

	html body .g-w1170 {
		margin: 0 auto;
		width: 100%
	}

	.g-blk-adv {
		display: none
	}

	.g-blk-adv {
		width: 100%;
		background-position-x: 100%;
		background-position-y: 100%
	}

	.g-blk-adv ul li {
		width: 96%;
		margin-left: 1%;
		margin-right: 1%;
		margin-bottom: 3%;
		padding: 1%
	}

	.g-blk-adv ul li img {
		max-width: 50%;
		left: 30%;
		top: -35px
	}

	.g-blk-adv ul li p {
		padding: 1%
	}

	.g-blk-abt {
		background-color: #004b8c;
		background-image: none
	}

	#goleft {
		display: none
	}

	.product-info {
		width: 100%
	}

	.g-blk-news .m-box2 {
		width: 99%;
		margin-bottom: 5%
	}

	.g-blk-news .hy {
		margin-left: 0;
		margin-right: 0
	}

	#mobile_nav {
		display: block
	}

	.g-ft {
		display: none
	}
}

@-webkit-keyframes lm-msg-fadeIn {
	from {
		background-color: rgba(0,0,0,0)
	}
}

@keyframes lm-msg-fadeIn {
	from {
		background-color: rgba(0,0,0,0)
	}
}

@-webkit-keyframes lm-msg-fadeOut {
	to {
		opacity: 0
	}
}

@keyframes lm-msg-fadeOut {
	to {
		opacity: 0
	}
}

@-webkit-keyframes lm-msg-fromTopIn {
	from {
		-webkit-transform: translateY(-40px);
		opacity: 0
	}
}

@keyframes lm-msg-fromTopIn {
	from {
		transform: translateY(-40px);
		opacity: 0
	}
}

.lm-msg-fadeIn {
	-webkit-animation: lm-msg-fadeIn .3s both;
	animation: lm-msg-fadeIn .3s both
}

.lm-msg-fadeOut {
	-webkit-animation: lm-msg-fadeOut .3s both;
	animation: lm-msg-fadeOut .3s both
}

.lm-msg-fromTopIn {
	-webkit-animation: lm-msg-fromTopIn .4s both;
	animation: lm-msg-fromTopIn .4s both
}

.lm-msg-overlay {
	position: fixed;
	z-index: 99999;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,.4)
}

.lm-msg-overlay-lte-ie8 {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000)
}

.lm-msg-dialog {
	max-width: 280px;
	width: 90%;
	min-height: 60px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	top: 60px;
	background-color: #fff;
	border-radius: 3px;
	box-shadow: 0 0 10px #888
}

.lm-msg-title {
	background-color: #f5f5f5;
	line-height: 34px;
	height: 34px;
	text-indent: 10px;
	border-bottom: 1px solid #e8e8e8
}

.lm-msg-close {
	position: absolute;
	right: 0;
	top: 0;
	background-color: transparent;
	border: 0;
	line-height: 1;
	color: #666;
	cursor: pointer;
	font-size: 28px;
	padding: 3px 8px;
	font-family: Arial
}

.lm-msg-close:hover {
	color: #333
}

.lm-msg-content {
	padding: 20px
}

.lm-msg-padding-left {
	padding-left: 60px
}

.lm-msg-btns {
	text-align: right
}

.lm-msg-btn {
	padding: 7px 14px;
	background-color: #0084e9;
	color: #fff;
	letter-spacing: 2px;
	cursor: pointer;
	line-height: 1;
	margin-right: 15px;
	margin-bottom: 10px;
	border: 1px solid #0a74c5;
	border-radius: 3px;
	font-size: inherit;
	font-family: inherit
}

.lm-msg-btn:hover {
	background-color: #0a74c5
}

.lm-msg-cancel {
	background-color: #f0f0f0;
	border-color: #ddd;
	color: #333
}

.lm-msg-cancel:hover {
	background-color: #ddd
}

.lm-msg-icon {
	width: 30px;
	height: 30px;
	background: url(../images/lm-msg-icon.png) no-repeat;
	position: absolute;
	left: 20px;
	top: 51px
}

.lm-msg-alert {
	background-position: left top
}

.lm-msg-error {
	background-position: -60px top
}

.lm-msg-success {
	background-position: -30px top
}

.lm-msg-confirm {
	background-position: -90px top
}

.lm-msg-loader {
	background: url(../images/lm-msg-loading.gif) no-repeat;
	width: 32px;
	height: 32px;
	top: 15px
}


.point{ clear: both; margin:20px 0px 40px 0px; padding-bottom: 40px; line-height:22px;}
.point span.to_prev{text-align:center;float:left }
.point span.to_prev a{color:#0068b7;}
.point span.to_prev a:hover{color: #ea042b}
.point span.to_next{text-align:center;float:right }
.point span.to_next a{color:#0068b7;}
.point span.to_next a:hover{color: #ea042b}

/*在线留言订购*/
.feedback{ padding:40px 10px 30px 10px;}
.form-horizontal .form-group { margin-right: -10px;margin-left: -10px;}
.codeimg{ margin: 0px 0px -10px -18px;}